第43页，共152页。 显示 1,517 条结果 (0.079 秒)
Echarts图形-扩展属性：样式 - 自助仪表盘中的树图怎么不缩放不移动，实现固定的效果
（本文档仅供参考） 问题说明 自助仪表盘图形组件中的树图怎么设置不缩放，不滚动，固定的效果： image2021-3-19_9-47-20.png 解决方案 可以添加扩展属性实现，如下： image2021-3-19_9-46-55.png 具体的扩展属性如下： "series": [ { //这个是鼠标滚轮缩放的 "roam": false, //这个是控制点击移动的 "nodeClick": false } ] 树图固定不移动 树图固定 树图不动Echarts图形-扩展属性：刻度 - 油量图表盘刻度显示百分比、鼠标提示显示百分比等
（本文档仅供参考） 问题1： 油量图表盘刻度是否可以设置为百分比格式： 1.jpg 解决方案： 可使用如下扩展属性设置： { "series": [{ "axisLabel": { "formatter": "function(value){ return value*100+'%'}" } }] } 2.png 问题2： 想要实现下面的效果，中间的需要加百分比，鼠标提示也需要加百分比 image2020-12-10_16-19-5.png 解决方案： 可使用如下扩展属性设置： { "series": [{ //中间的显示加百分比 "detail": { "formatter": "{valueECharts图形-标准饼图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 饼图主要用于表现不同类目的数据在总和中的占比。每个弧度表示各数据数量的比例。 优势：明确显示数据的比例情况。通常用来描述量、频率或百分比之间的相对关系。 数据要求： 1）一个或多个分类值，一个或多个指标值。 2）数据类别不宜过多，建议不超过10项。 适用场景：侧重于描述在整个系统中，每个个体所占的权重。 不适用场景： 1）数据类别过多ECharts图形-标准饼图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 饼图主要用于表现不同类目的数据在总和中的占比。每个弧度表示各数据数量的比例。 优势：明确显示数据的比例情况。通常用来描述量、频率或百分比之间的相对关系。 数据要求： 1）一个或多个分类值，一个或多个指标值。 2）数据类别不宜过多，建议不超过10项。 适用场景：侧重于描述在整个系统中，每个个体所占的权重。 不适用场景： 1）数据类别过多ECharts图形-设置序列属性
ECharts图形-普通状态设置
普通状态设置包括“系列主色、边框色、边框宽度、数据项标签、位置、文本样式”等。 2019-11-29 星期五 10-57-46.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置柱子的颜色。 image2019-10-11 9_22_20.png 预览效果 两种不同的系列主色效果对比，如图： image2019-10-11 9_21_51.pngECharts图形-设置序列属性
ECharts图形-高亮状态设置
高亮普通状态设置包括“系列主色、边框色、边框宽度、数据项标签、数据标签内容”等。 2019-11-26 星期二 16-41-49 (1).png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置当鼠标光标选中或移至某柱子时，该柱子的颜色。 image2019-9-17 17_53_48.png 预览效果 设置高亮系列主色为深红色，如图： image2019-9ECharts图形-普通状态设置
普通状态设置包括“系列主色、边框色、边框宽度、数据项标签、位置、文本样式”等。 2019-11-29 星期五 10-57-46.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置柱子的颜色。 image2019-10-11 9_22_20.png 预览效果 两种不同的系列主色效果对比，如图： image2019-10-11 9_21_51.pngECharts图形-高亮状态设置
高亮普通状态设置包括“系列主色、边框色、边框宽度、数据项标签、数据标签内容”等。 2019-11-26 星期二 16-41-49 (1).png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置当鼠标光标选中或移至某柱子时，该柱子的颜色。 image2019-9-17 17_53_48.png 预览效果 设置高亮系列主色为深红色，如图： image2019-9
