首页 前端知识 Echarts数据可视化 第4章 Echarts可视化图 4.8 仪表盘

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

2024-04-08 11:04:11 前端知识 前端哥 658 173 我要收藏

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: '完成率' }]
}
]
};
复制

渲染效果

在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4601.html
评论
还可以输入200
共0条数据,当前/页
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!