第92页,共418页。 显示 4,171 条结果 (0.066 秒)
Echarts图形-扩展属性:标签 - 饼图内标签需要加文字和指标展示
(本文档仅供参考) 问题描述 如下图,想实现饼图后加文字以及指标展示效果。 image2022-10-7_22-17-10.png 解决方案 可使用如下扩展属性实现效果: { "series": [{ "label": { "normal": { "formatter": "{c}元\n占比{d}%" } } }] } image2022-10-7_22-18-16.png 标签在饼图内显示 标签显示百分比Echarts图形-扩展属性:标签 - 饼图数据标签空值转换显示方式
(本文档仅供参考) 问题: 饼图分类中有空白值的分类,想替换成其他显示方式。 image2022-12-30_18-36-3.png 解决方案: 可以参考下方扩展属性: (如果空值是空单元格的话,arg.name http://arg.name == ' '里面也需要打一个空格,同理==后面也可以是其他分类值) { "series": [ { "label": { "normal": { "show": true, "position": "outer", "formatter": "function(arg){if(arg.name == ''){return '空值变Echarts图形-扩展属性:样式 - 环形图顺时针动画修改时间
(本文档仅供参考) 问题1 环形图开始刷新有一个顺时针旋转的动画,动画有点快,是否可以修改一下动画旋转的时间呢: image2022-4-7_10-31-5.png 解决方案 电子表格可以使用扩展属性实现,(下图的3600可根据实际应用场景修改,若需慢一些,则修改此数值大一些)如下: { "series": [{ "animationDuration": 3600 }] } 自助仪表盘可按此方式添加: image2022-4-7_10-35-8.png 如下: "series": [{ "animationDuration": 3600 }]Echarts图形-扩展属性:样式 - 取消数据标签引导线并且数据标签拼接数值
(仅供参考) 问题描述: 希望实现取消数据标签引导线并且数据标签实现拼接数值效果,当下效果如下图: image2023-1-29_10-50-41.png 解决方案 可以使用扩展属性实现 { "series": [{ "label": { "normal": { "formatter": "function(arg){return arg.name + ':'+arg.value.toFixed(1)}" } }, "labelLine"Echarts图形-扩展属性:样式 - 玫瑰饼图扇形区域圆角设置
(本文档仅供参考) 问题描述 如下图,想实现饼图扇形区域显示圆角/圆弧效果。 image2022-10-28_19-32-17.png 解决方案 (从echarts v5.0.0 开始支持用 borderRadius 指定饼图扇形区块的内外圆角半径) 可使用如下扩展属性实现效果: { series: [{ radius: ['10%', '45%'], center: ['50%', '40%'], roseType: 'area', selectedOffset: 30, selectedMode: true,Echarts图形-扩展属性:样式 - 环形图如何设置板块间间隙
(本文档仅供参考) 问题 环形图各个板块之间的空隙如何设置?设置成如下样式: 1.png 解决方案 可用扩展属性实现,示例: { "series": [{ "itemStyle": { "normal": { "borderWidth": 5, "borderColor": "rgba(0,255,0,0.36)" //颜色和背景色一致 } } }] } 环形图间隙Echarts图形-扩展属性:样式 - 环形图设置进度条效果
(本文档仅供参考) 问题 环形图如何实现进度条的效果,设置成如下样式: 环形图-进度条.png 解决方案 可用扩展属性实现,示例: { "color": ["#00ffff", "#001951"], //高亮颜色、灰色颜色 "title": { "text": "下方标题", //下方标题名称 "x": "center", "y": "bottom", "textStyle": { "fontSize": 10, //标题字号 "color": "#00ffff" //标题颜色Echarts图形-扩展属性:样式 - 饼图环形图中调节视觉引导线长度
(本文档仅供参考) 说明 在产品饼图和环形图的配置项中可通过设置【数据项标签】来设置视觉引导线的显示,那么如何调节引导线的长度,如下图所示 image2021-8-30_14-57-28.png 解决方案 如需调节视觉引导线长度,可通过扩展属性来实现,如下 { "legend": { "align": "left" }, "series": [{ "labelLine": { "show": true, "length": 14, "length2": 80 }, }] }Echarts图形-扩展属性:样式 - 饼图的颜色修改,图例圆点样式的修改
(本文档仅供参考) 问题1 想修改饼图的颜色,然后图例圆点显示,如下图: image2021-3-19_10-9-22.png 解决方案 可以使用扩展属性实现,如下: { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向,vertical竖向排版 "align": "left", //图例对齐方式 "right": "16px", //图例距右侧距离16像素 "top": "center", //图例距顶部上下居中 "icon": "ciEcharts图形-扩展属性:折线 - 联合图设置X轴起点在Y轴上
(此文档仅供参考) 问题 如下图,想设置第一条数据标在Y轴点 image2019-10-11 18:36:18.png 解决方案 可采用以下扩展属性 { "xAxis": { "boundaryGap": false } } image2019-10-11 18:35:32.png 另外,对于联合图是自定义标线的起点不在Y轴上的问题也可以用此扩展属性解决。 image2019-10-11 18:38:0.png