第3页，共422页。 显示 4,213 条结果 (0.032 秒)
ECharts图形-标准饼图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 饼图主要用于表现不同类目的数据在总和中的占比。每个 … 过多 。 2）不能用于包含零或负值的数据的展示。 3）单纯比较不同类别间的数据大小，建议使用 普通柱图/堆积柱图 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501954 。 {html}<div styleECharts图形-标准饼图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 饼图主要用于表现不同类目的数据在总和中的占比。每个 … 过多 。 2）不能用于包含零或负值的数据的展示。 3）单纯比较不同类别间的数据大小，建议使用 普通柱图/堆积柱图 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=44501954 。 {html}<div style饼图/圆环图-玫瑰环形图-标签在内
说明 饼图/圆环图组件模板资源下的 “玫瑰环形图-标签在内”若复制到浅色主题的大屏可视化/自助仪表盘下时，因为背景色与标签字体颜色接近，所以标签无法正常显示。 组件模板效果 0314-01.png 复制到浅色主题的大屏可视化下，效果如下： 0314-02.png 此时需要修改数据标签的的相关颜色。 解决方案 1、将组件模板复制过来，切换成自己的数据模型、配置好字段后。选中组件，右键→宏管理 0407-10.png 2、在宏管理界面上，点击一下刷新按钮，这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单，打开宏代码编辑界面 0407-07.png 3、查看宏代码中最上面的注释仪表盘饼图单个跳转规则无法直接跳转
（本文档仅供参考） 问题说明 如下饼图，只有一个跳转规则，正常情况下，只有一个跳转规则，点击会直接跳转，而不会再弹出一个跳转选项，这是什么原因呢？ image2024-11-11_17-5-5.png 解决方案 如下图所示，若开启了选中模式，那么点击图形的时候，就不会直接跳转了，因为无法判断用户的点击是要看选中模式还是要跳转，因此就会弹出跳转规则选择框，让用户进行操作选择。 image2024-11-11_17-6-49.png 为什么一个跳转规则不是直接跳转 一个跳转规则需要选择饼图/圆环图-跑道型圆环图/带数字卡牌器环形图
说明 饼图/圆环图组件模板资源下的 ”跑道型圆环图” 和 ”带数字卡牌器环形图” 复制到浅色主题的大屏可视化/自助仪表盘下时，因这些主题的背景色与组件模板中的字体颜色接近，导致文字显示效果差。 组建模板效果 0309-53.png 0309-54.png 复制到浅色主题的大屏可视化下，效果如下： 0309-55.png 若仍需要将该组件模板应用于浅色主题下，就需要修改相关的宏代码。 解决方案 1、将组件模板复制过来，切换成自己的数据模型、配置好字段后。选中组件，右键→宏管理 0407-01.png 2、在宏管理界面上，点击一下刷新按钮，这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单，打开宏代码编辑饼图图例上显示百分比（占比）
（本文档仅供参考） 问题 如何在饼图的图例上显示各个类型的名称及占比。 1.png 解决方案 建议是在表格数据中再添加一列辅助列，该列的值为网办类型+百分比（如：不可网办：70.38%）,然后用该列作为x轴作图，鼠标提示信息可另外处理，相对其它方案要简单很多： 2.jpg 实现效果： 3.jpg饼图默认高亮显示最大扇区
（本文档仅供参考，如何不匹配实际场景，需自行调整相关宏代码） 需求描述 如何实现访问饼图默认高亮最大面积扇区，点击其他扇区也高亮其他扇区？ 默认高亮最大面积扇区.gif 解决方案 （以仪表分析为例） 1、先设置图形的初始化动画为【否】： image2024-1-11_20-5-4.png 2、增加宏修改数据标签效果： 类型 对象 事件 ClientSide chart afterRenderer如何解决饼图和图例叠在一起
（此文档仅供参考） 问题 做饼图的时候，当图例较长较多的时候容易叠加在一起，如下： 1.png 解决方案 可以通过调大画布大小、适当调小图例的文字大小、或者调小饼图半径等操作来解决。 2.png 3.png 4.png 设置之后效果如下： 5.pngEcharts图形-扩展属性：饼图环形图中如何调节视觉引导线长度
(本文档仅供参考) 说明 在产品饼图和环形图的配置项中可通过设置【数据项标签】来设置视觉引导线的显示，那么如何调节引导线的长度呢，如下图所示 image2021-8-30_14-57-28.png 解决方案 如需调节视觉引导线长度，可通过扩展属性来实现，如下 { "legend": { "align": "left" }, "series": [{ "labelLine": { "show": true, "length": 14, "length2": 80 }, }] }Echarts图形-扩展属性：调整饼图图例文字间距
（本文档仅供参考） 问题： V10.5.8以上的仪表盘中，饼图图例显示内容可勾选分类、指标、占比，有的时候觉得图例的文字间距距离太远，希望调整间距。 image2023-11-10_18-17-17.pngimage2023-11-10_18-15-4.png 解决方案： 可参考如下扩展属性： { "legend": { "textStyle": { "rich": { "a": { "width": 3, "padding": [3,12,5,6] } } } } } 效果： image2023-11-10_18-16-48.png
