Echarts数据可视化 第4章 Echarts可视化图 4.8 仪表盘

Echarts数据可视化

文章目录

• • • Echarts数据可视化
    • 第4章 Echarts可视化图
    • • 4.8 仪表盘

Echarts数据可视化：入门、实战与进阶

第4章 Echarts可视化图

4.8 仪表盘

仪表盘是一种表示某事件进度的可视化图，绘制仪表盘需要将 series 的type 参数值设置为 gauge。

举个栗子：

option = {
  tooltip: {
    formatter: '{a} <br/>{b} : {c}%'
  },
  toolbox: {
    feature: {
      restore: {},
      saveAsImage: {}
    }
  },
  series: [
    {
      name: '',
      type: 'gauge',
      detail: { formatter: '{value}%' },
      data: [{ value: 75, name: '完成率' }]
    }
  ]
};

渲染效果