qq_23136465 2017-08-30 06:29 采纳率: 0%
浏览 6040
已结题

ECharts仪表盘有几个效果写不出来

这是我们需要的效果
图一是我们需要的效果

这是我写出来的效果
图二是实际的效果

option4 = {

series: [
    {
        name: '业务指标',
        type: 'gauge',
        startAngle: 180,
        endAngle: 0,
        center: ['50%', '70%'],    // 默认全局居中
        min:0,
        max:2,
        axisLabel: {
            formatter:function(v){
                switch (v + '') {
                    case '0' : return '0';
                    case '2' : return '12000';
                }
            },
             textStyle: {
            color: "#fff",
            fontSize: 10,
            fontWeight: "bolder"
        },distance:-20
        },
    axisLine: {
        lineStyle: {
            color: [
                [0.31, "#F19149"],
                [1, "#FFFFFF"]
            ],
            width: 20
        }
    }, 
    axisTick: {
        "lineStyle": {
            "color": "#3bb4f2",
            width: 16
        },

        "length": 0,
        "splitNumber": 1
    },
    splitLine: {
        show: false
    },
    itemStyle: {
        normal: {
            "color": "#449BE2"
        }
    },
     title: {
        show: false
    },
     detail: {
            show: false
        },

// detail: {formatter:'{value}%'},
data: [{value: 0.4, name: '完成率'}]
}
]
};
这是我的配置

  • 写回答

1条回答 默认 最新

  • 一个治疗术 2017-08-31 03:34
    关注

    "pointer": {
    "width": 10, //指针的宽度
    "length": "80%", //指针长度,按照半圆半径的百分比
    "color": "red"
    },
    然后
    axisLine: {
    lineStyle: {
    color: [
    [0.31, "#F19149"],
    [1, "#FFFFFF"]
    ],
    width: 20
    }
    },

        调整一下宽度就差不多了
    
    评论

报告相同问题?

悬赏问题

  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?