第30页,共210页。 显示 2,095 条结果 (0.028 秒)
Echarts图形-扩展属性:折线 - 线图线条颜色,图例图标颜色及图例文字颜色
(本文档仅供参考) 问题 如何修改线图线条颜色、图例图标颜色及图例文字颜色? image2021-6-3_18-11-46.png 解决方案 可以使用扩展属性实现 { "series": [{ //线条颜色设置 "lineStyle": { "normal": { "color": "black" } }, //图例中图标颜色设置 "color": "green" }, { "lineStyleEcharts图形-扩展属性:样式 - 南丁格尔玫瑰图实现空心效果
(本文档仅供参考) 问题: 南丁格尔图底图是实心饼图,希望改成环形图,实现空心效果。 image2023-3-1_10-15-31.png 解决方案: 电子表格可以参考下方扩展属性实现: image2023-3-1_10-16-4.png 如果是仪表盘资源,可直接设置内外圆半径实现: image2023-3-1_10-17-50.png 玫瑰中心 玫瑰图空心Echarts图形-扩展属性:标签 - 环形图中间显示指标值
(本文档仅供参考) 问题1 我想实现环形图中间的显示指标值,如下的效果: image2021-2-9_15-17-51.png 解决方案 可以使用扩展属性实现,如下: { "color": ["#fd71fd", "#dedede"], "series": [{ "avoidLabelOverlap": false, "label": { "normal": { "show": true, "position": "center", "textStyleEcharts图形-扩展属性:标签 - 饼图内标签需要加文字和指标展示
(本文档仅供参考) 问题描述 如下图,想实现饼图后加文字以及指标展示效果。 image2022-10-7_22-17-10.png 解决方案 可使用如下扩展属性实现效果: { "series": [{ "label": { "normal": { "formatter": "{c}元\n占比{d}%" } } }] } image2022-10-7_22-18-16.png 标签在饼图内显示 标签显示百分比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: trueEcharts图形-扩展属性:样式 - 饼图环形图中调节视觉引导线长度
(本文档仅供参考) 说明 在产品饼图和环形图的配置项中可通过设置【数据项标签】来设置视觉引导线的显示,那么如何调节引导线的长度,如下图所示 image2021-8-30_14-57-28.png 解决方案 如需调节视觉引导线长度,可通过扩展属性来实现,如下 { "legend": { "align": "left" }, "series": [{ "labelLine": { "show": true, "length": 14, "length2": 80Echarts图形-扩展属性:鼠标提示 - 散点图数据标签显示名称
(本文档仅供参考) 问题 如何实现在散点图上直接显示产品名称,如“海鲜”? image2019-4-12 13:0:28.png 解决方案 可直接通过扩展属性实现: { "series": [{ "label": { "normal": { "show": true, "position": "top", "formatter": "function (param) {return param.value[2Echarts图形-扩展属性:数据标签 - Echarts树图去掉指标名称的显示
(本文档仅供参考) 问题 echarts树图想要去掉指标名称的显示,如下图的销售额: image2021-12-30_10-4-51.png image2021-12-30_10-5-17.png 解决方案 可以使用如下扩展属性: { "series": [{ "label": { "formatter": "function(param) {return param.data.displayValue}" } }] } image2021-12-30_10-5-44.pngEcharts图形-扩展属性:鼠标提示 - 雷达图鼠标提示-数据后面添加单位
(本文档仅供参考) 问题 雷达图希望数据后面添加单位 A09081FE-886B-4f1e-BD64-CDA8CD63FC02.png 解决方案 具体请参考如下扩展属性 添加位置.png "tooltip": { "formatter": "function(a){var s = '';var arr = a.data.valueInfo;for(var i in arr){s+=arr[i].displayValue[0]+':'+arr[i].displayValue[1]+'个<br/>';}return s}" } 实现效果 实现效果.png 鼠标提示单位Echarts图形-扩展属性:样式 - 雷达图修改某条系列值的线条为虚线
(本文档仅供参考) 问题 雷达图展示目标值和实际值,如何将目标值系列线条类型设置为虚线呢? 解决方案 可以使用扩展属性实现,如下: option = { series: [{ data: [{}, { lineStyle: { normal: { type: "dashed",// 设置连线为虚线 }, }, }, ] }] } 注:编写此文档时,echarts版本为5.1.2 效果如下图: 雷达图虚线效果图_20240425172638.png 雷达图系列线位虚线