第18页，共417页。 显示 4,167 条结果 (0.08 秒)
ECharts图形-普通柱图/堆积柱图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 柱图是指使用垂直的柱子显示类别之间的数值比较，柱状 … ，建议不超过20条。 适用场景：分类数据对比，分类项建议不要超过10个。 不适用场景： 1）分组过多，分类过多。 2）不适合表示趋势。 3）分类名称过长时，不宜使用柱图或堆积柱图。 类型 普通柱图 堆积柱图 含义 显示单个分类项目间的比较情况。 通过将每根柱子进行ECharts图形-普通柱图/堆积柱图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 柱图是指使用垂直的柱子显示类别之间的数值比较，柱状 … ，建议不超过20条。 适用场景：分类数据对比，分类项建议不要超过10个。 不适用场景： 1）分组过多，分类过多。 2）不适合表示趋势。 3）分类名称过长时，不宜使用柱图或堆积柱图。 类型 普通柱图 堆积柱图 含义 显示单个分类项目间的比较情况。 通过将每根柱子进行Echarts图形-扩展属性：样式 - 雷达图修改某条系列值的线条为虚线
（本文档仅供参考） 问题 雷达图展示目标值和实际值，如何将目标值系列线条类型设置为虚线呢？ 解决方案 可以使用扩展属性实现，如下： option = { series: [{ data: [{}, { lineStyle: { normal: { type: "dashed",// 设置连线为虚线 }, }, }, ] }] } 注：编写此文档时，echarts版本为5.1.2 效果如下图： 雷达图虚线效果图_20240425172638.png 雷达图系列线位虚线Echarts图形-扩展属性：坐标轴 - 横条图坐标轴在右边显示
（本文档仅供参考） 问题 仪表盘横条图如何调整展示方向？如下: 横条图效果： image2023-11-30_17-55-4.png 想实现的横条图效果： image2023-11-30_17-56-44.png 解决方案 具体请参考如下扩展属性： { "xAxis": { "inverse横条图-排序横条图（一）
问题描述 将横条图组件模板资源中的排序横条图（一）复制到自己的大屏可视化中，并且替换数据之后。类目轴（即X轴）刻度标签可能显示不出来，并且也想要修改前面序号的背景颜色的话。该怎么处理呢？ 0308-14.png 解决方案 以上的效果都是在宏代码中定义的，可以按照如下步骤操作。 1、在复制过来并替换数据之后的排序横条图（一）上，右键→宏管理 0308-15.png 2、在宏管理界面上，点击一下刷新按钮，这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单，打开宏代码编辑界面 0308-16.png 3、找到以下代码，其中的 '#fff’ 即为类目轴刻度标签字体颜色，可根据实际情况修改。 0308-17.png极坐标柱图/极坐标堆积柱图
概要说明 极坐标作为一种特殊的二维坐标系统，可以用来布局维度和度量，其中分类轴对应角度轴，以上半圆的垂直线为分类轴；指标轴对应径向轴。 由于我们的视觉系统更善于比较直线，所以笛卡尔坐标系更适合于比较各个分类的数值比较。因此，极坐标柱图从实用的角度去看，其更多的是一种审美上的需求。 含义 入口 例图 极坐标柱图 柱状图关于笛卡尔坐标系转换到极坐标系的仿射变换，用于进行单个项目的比较。 2022-02-15_11-26-44.png 下图展现了不同区域的“数量”对比情况： image2018-9-5 5_18_31.png 极坐标堆积柱图 极坐标与堆积形态横条图-动态横条图（一）-如何使用
问题描述 在横条图组件模板资源中，有以下动态横条图组件模板。该组件模板可以随着筛选器自动切换而切换横条图的数据。那么该组件模板复制到自己的大屏之后，该如何切换数据呢？ 0309-12.gif 解决方法 请按照如下步骤操作： 1、将“动态横条图”组合 从 “横条图”组件模板资源中复制到自己的大屏可视化/自助仪表盘中 0309-13.png 2、选中组合中下方的筛选器组件，在筛选器上的组件菜单上，选择“应用于组件”，勾选“动态横条图”。 这一步是因为在组件模板中，是通过筛选器来筛选横条图的数据的。而组件模板复制过来时，筛选器与横条图的关系无法一起复制过来，因此在这一步骤中将筛选器与横条图关联上 0309-14.pngEcharts图形-扩展属性：样式 - 雷达图修改分割线的颜色
（本文档仅供参考） 问题 雷达图的分割线是否可以设置颜色 image2021-3-19_16-51-54.png 解决方案 可以使用扩展属性实现，如下： { "radar": [{ //指向外圈文本的分隔线样式，交叉线的样式 "axisLine … ": { "width": 2, "color": "red" } } }] } 效果图如下： image2021-3-19_16-53-9.png 雷达图边框线颜色Echarts图形-扩展属性：刻度 - 油量图的刻度和指标的文字大小以及颜色
, "color": 'red' } } }] } 效果图： image2021-11-10_9-40-53.png 注：在自助仪表盘中使用仪表盘，当组件大小比较小，但是里面的字体又比较大，又想分开设置刻度的文字和指标的文字，需要怎么设置呢 … ": { "fontSize": 10, "color": "pink" } }, "detail": { "textStyle": { "fontSize": 15, "color": "red" } } } ] 效果图如下： image2021-11-10_9-47-58.png 油量图刻度Echarts图形-扩展属性：鼠标提示 - 同系列柱图鼠标提示
（本文档仅供参考） 问题 做好柱图后，想实现鼠标移入后同系列柱图鼠标提示都显示出来，如下图： image2018-11-7 21:30:13.png 实现方案 需要写扩展属性即可完成，相关的属性可以上echarts官网查看，http://echarts.baidu.com http … ' } } } V11版本效果如下： image_1701771435943_1a23o.png image_1701771468009_13h4g.png 多系列柱图鼠标提示
