第4页,共489页。 显示 4,882 条结果 (0.036 秒)
饼图数据标签分行显示
饼图设置显示数据标签,但有时数据标签的值较长,画布无法显示完整的数据标签,导致显示效果不好,此时可设置数据标签换行显示 image2020-6-10 15:43:4.png 设置后的效果如下图,比如设置数据标签长度超过10个字符则换行: image2020-6-10 15:41:59.png 思路 1 … ) { newStr += arr.join(""); } else { newStr += arr.join("") + "_"; } } return newStr; } } 示例资源:饼图数据标签Echarts图形-宏代码:标签 - 饼图如何设置数据标签显示名称,数值,百分比,并且数值保留两位小数,对百分比四舍五入
问题 饼图如何设置数据标签显示名称,数值,百分比,并且数值保留两位小数 image2019-12-2 10:14:4.png 解决方案 1、先设置图形的数据标签为【显示】: image2019-12-2 10:16:2.png … ": { "formatter": "function(arg){return arg.name+': \\n'+arg.value+' \\n '+Math.round(arg.percent)+'% '}" } } }] } 问题 饼图如何设置数据标签显示名称Echarts图形-扩展属性:自助仪表盘饼图自定义数据标签以及提示框内容
(本文档仅供参考) 问题说明 自助仪表盘里面,饼图如何设置,数据标签显示数量,但是鼠标提示显示百分比: 1.png 解决方案 1.双击“产品目录名称”和“数量”字段,由系统自动分配维度到“颜色”标记项、分配度量到“角度”标记项 2.把“产品目录名称”、“数量”拖拽到“标签”标记项,如下图: 2.png 3.修改扩展属性,设置鼠标提示内容,显示百分比: 7.png 3.png "tooltip": { "showContent": true, "formatter": "{b}:{d}%" }, 4.或者可以直接通过扩展属性来实现: (1)双击“产品目录名称”和“数量”字段,由系统自动分配维度到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、在宏管理界面上,点击一下刷新按钮,这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单,打开宏代码编辑图形 - 当数据为0时,油量图的指针没有在0的位置,而是在50%的位置
(本文档仅供参考) 问题 当数据为0时,油量图的指针没有在0的位置,而是在50%的位置。 0.png 解决方案 当数据位0时,油量图指针没有在0的位置是因为刻度的最大值默认的是当前数据的值,即为0,导致油量图中所有刻度都是0,所以指针在中间,可设置刻度最大值为1,则数据为0时即可指到0的位置。 1.jpg 实现效果: 2.jpg 油量图没数据,指标不在0Echarts图形-扩展属性:图例 - 地图调整图例柱子粗细及文字位置
问题 地图图例柱子粗细怎么调整,以及怎么让图例的两端文字显示在柱子内部? 解决方案 可在图形中通过扩展属性实现: { "visualMap": [{ "show": true, "itemWidth": 100, //图形的宽度,即长条的宽度 … /option.html#visualMap-continuous https://echarts.apache.org/zh/option.html#visualMap-continuous 地图图例大小