搜索

Help

第36页,共152页。 显示 1,517 条结果 (0.028 秒)

  1. Echarts图形-扩展属性:图例 - 仪表盘折线图只显示某些系列折线

    (本文档仅供参考) 问题: 当折线图系列过多时,折线堆叠重合,希望可以固定展示某几条折线。在点击其他系列图例时,再出现其他折线。 期望效果: 只显示某个系列折线20230703152504.png 解决方案: 【组件设置】-【自定义属性】-【图形配置】添加扩展属性,将不需要展示的折线,通过控制图例的隐藏,来实现折线的隐藏。 扩展属性 { "legend": {         "selected": {               "SUV": true,               "MPV": false,               "轿车": false               }      
    FAQ中心六月 19, 2025
  2. Echarts图形-扩展属性:折线 - 堆积线图自定义各数据点样式

    (本文档仅供参考) 问题描述 堆积线图中有多条折线,想要自定义各数据点样式。 image2024-12-5_16-58-45.png 解决方案 可参考以下扩展属性 option = { series: [{ showSymbol: true, symbol: 'circle', //设定为实心点 symbolSize: 0, //设定实心点的大小 color: "#000", //设定实线点的颜色 lineStyle: { normal: { width: 2, color: "#0000ff", //设置实线的颜色
    FAQ中心六月 19, 2025
  3. Echarts图形-扩展属性:折线 - 线图线条为虚线,并设置曲度

    (本文档仅供参考) 问题 如何修改线图的线条为虚线并设置曲度? image2022-5-5_18-5-49.png 解决方案 可以使用扩展属性实现,效果如下: image2022-5-5_18-7-1.png { "series": [{ "smoothMonotone": 'x',//设置曲度 "lineStyle": { "normal": { "color": "green", //设置线条颜色 "width": 2, "type": "dashed"
    FAQ中心六月 19, 2025
  4. Echarts图形-扩展属性:折线 - 线图线条颜色,图例图标颜色及图例文字颜色

    (本文档仅供参考) 问题 如何修改线图线条颜色、图例图标颜色及图例文字颜色? image2021-6-3_18-11-46.png 解决方案 可以使用扩展属性实现 { "series": [{ //线条颜色设置 "lineStyle": { "normal": { "color": "black" } }, //图例中图标颜色设置 "color": "green" }, { "lineStyle": { "no
    FAQ中心六月 19, 2025
  5. Echarts图形-扩展属性:样式 - 南丁格尔玫瑰图实现空心效果

    (本文档仅供参考) 问题: 南丁格尔图底图是实心饼图,希望改成环形图,实现空心效果。 image2023-3-1_10-15-31.png 解决方案: 电子表格可以参考下方扩展属性实现: image2023-3-1_10-16-4.png 如果是仪表盘资源,可直接设置内外圆半径实现: image2023-3-1_10-17-50.png 玫瑰中心 玫瑰图空心
    FAQ中心六月 19, 2025
  6. Echarts图形-扩展属性:图例 - 饼图图例样式,以及图例和文字的位置修改

    (此文档仅供参考) 问题1 如何修改图例样式,以及图例和文字的位置 1.png 解决方案 可以使用扩展属性实现 { "legend": { "icon": "circle", //这个字段控制形状 类型包括 circle,rect,roundRect,triangle,diamond,pin,arrow,none "itemWidth": 10, "itemHeight": 10, "align": "left" //图例标记和文本的对齐。默认自动,可选:'auto'/'left'/'right' } } 问题2:调整饼图图例文字间距
    FAQ中心六月 19, 2025
  7. Echarts图形-扩展属性:标签 - 饼图内标签需要加文字和指标展示

    (本文档仅供参考) 问题描述 如下图,想实现饼图后加文字以及指标展示效果。 image2022-10-7_22-17-10.png 解决方案 可使用如下扩展属性实现效果: {     "series": [{         "label": {             "normal": {                 "formatter": "{c}元\n占比{d}%"             }         }     }] } image2022-10-7_22-18-16.png 标签在饼图内显示 标签显示百分比
    FAQ中心六月 19, 2025
  8. 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 '空值变
    FAQ中心六月 19, 2025
  9. Echarts图形-扩展属性:样式 - 环形图设置进度条效果(基于油量图)

    (本文档仅供参考) 问题 V10.5以上版本想实现环形进度图,该如何实现呢? image2022-2-18_10-44-54.png 解决方案 我们可以使用油量图并结合扩展属性的方式来实现。注:以下方案适用于【自助仪表盘】与【大屏可视化】中的油量图 1、首先创建一个油量图,并配置好数据 image2022-2-18_10-47-46.png 2、将以下扩展属性复制到油量图的扩展属性中。 { "series": [ { "startAngle": 90, "endAngle": -270, "pointer": { "show": false }, "
    FAQ中心六月 19, 2025
  10. Echarts图形-扩展属性:样式 - 环形图顺时针动画修改时间

    (本文档仅供参考) 问题1 环形图开始刷新有一个顺时针旋转的动画,动画有点快,是否可以修改一下动画旋转的时间呢: image2022-4-7_10-31-5.png 解决方案 电子表格可以使用扩展属性实现,(下图的3600可根据实际应用场景修改,若需慢一些,则修改此数值大一些)如下: { "series": [{ "animationDuration": 3600 }] } 自助仪表盘可按此方式添加: image2022-4-7_10-35-8.png 如下: "series": [{ "animationDuration": 3600 }]
    FAQ中心六月 19, 2025