Vue中使用echarts实现仪表盘

原创

已于 2022-03-14 11:08:24 修改 · 置顶 · 4.2k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #数据可视化 #大数据 #echarts

于 2020-10-26 16:13:14 首次发布

实现效果：
在这里插入图片描述

echarts使用说明请查看：Vue中使用echarts实现常用图表总结

option配置：

option = {
   
   
    tooltip: {
   
   
        formatter: '{a} <br/>{b} : {c}%'
    },
    toolbox: {
   
   
        feature: {
   
   
            restore: {
   
   },
            saveAsImage: {
   
   }
        }
    },
    series: [
        {
   
   
            axisLine:{
   
   
                show: true,
                lineStyle: {