最近研究了一下echarts的仪表盘,
因为工作需要要做一个渐变色仪表盘。
结果还是比较满意的~
分享给大家~
上一个效果图
最后是echarts配置
var colorTemplate1 = [[0.2, "rgba(255,0,0,0.8)"], [0.8, "rgba(0,255,255,0.8)"], [1, "rgba(0,255,0,0.8)"]];
option = {
tooltip: {
formatter: '{a} <br/>{b} : {c}%'
},
toolbox: {
feature: {
restore: {},
saveAsImage: {}
}
},
series: [
{
z: 3,
name: '业务指标',
type: 'gauge',
center: ["50%", "50%"],
detail: {formatter: '{value}%'},
startAngle:225,
endAngle:0,
data: [{value: 50, name: '完成率'}],
axisLine: { // 仪表盘轴线(轮廓线)相关配置。
show: true, // 是否显示仪表盘轴线(轮廓线),默认 tr