niofgnrtl 2019-08-08 10:36 采纳率: 0%
浏览 2685

vue中使用echarts双层仪表盘

图片说明
这个仪表盘有人知道要怎么写吗

  • 写回答

1条回答 默认 最新

  • xSeeker~ 2019-08-08 13:45
    关注

    哈哈,试了下,感觉除了指针尾部的点带个圆圈做不出来之外,其他的都可以的 图片说明

    series: [
            {
                type: 'gauge',
    
                axisLine:{
                    lineStyle:{
                        width:2,
                        color: [
                            [1, new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                                    offset: 0.1,
                                    color: "#FFA500"
                                },
                                {
                                    offset: 0.5,
                                    color: "#FFFF00"
                                },
                                {
                                    offset: 1,
                                    color: "#7CFC00"
                                }
                            ])]
                        ],
                        shadowColor : '#fff', //默认透明
                        shadowBlur: 10
                    }
                },
                splitLine:{
                    length:5
                },
                axisTick:{
                    splitNumber:2
                },
                pointer:{
                    width:3
                },
                title:{
                    offsetCenter:['-50%','70%']
                },
                detail: {show:false},
                data: [{value: 50, name: '完成率 %'}]
            },
            {
                type: 'gauge',
                radius: '50%',
                axisLine:{
                    lineStyle:{
                        width:2,
                        color:[[0.1, '#000000'],[1, '#000000']]
                    }
                },
                splitLine:{
                    length:5,
                    color:'#000000'
                },
                axisTick:{
                    splitNumber:2,
                    color:'#000000'
                },
                pointer:{
                    width:3
                },
                title:{
                    offsetCenter:['-50%','70%']
                },
                detail: {show:false},
                data: [{value: 50, name: 'Time %'}]
            }
        ]
    
    评论

报告相同问题?

悬赏问题

  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决