{
"dataset": {},
"backgroundColor": "#fff",
"color": [
"#88AAFF",
"#9AE9A1",
"#6FD4D6",
"#F5D45F",
"#F4928B",
"#DAA78E",
"#FB7293",
"#E062AE",
"#E690D1",
"#E7BCF3",
"#9D96F5",
"#8378EA"
],
"title": {
"show": true,
"text": "仪表盘",
"textStyle": {
"fontFamily": "Microsoft YaHei,PingFang SC Regular",
"fontWeight": "800",
"fontSize": 14,
"color": "#666"
},
"left": "left",
"top": "top"
},
"tooltip": {
"show": true,
"trigger": "item",
"triggerOn": "mousemove",
"backgroundColor": "#fff",
"borderColor": "#fff",
"textStyle": {
"color": "#666",
"fontSize": 12
}
},
"series": [
{
"type": "gauge",
"startAngle": 220,
"endAngle": -40,
"radius": "80%",
"center": [
"50%",
"50%"
],
"min": 0,
"max": 200,
"splitLine": {
"lineStyle": {
"color": "#ccc"
},
"show": true,
"length": 20
},
"axisTick": {
"lineStyle": {
"color": ""
},
"splitNumber": 10,
"show": true,
"length": 8
},
"axisLabel": {
"show": true,
"color": "#666",
"fontSize": 12,
"distance": 15
},
"title": {
"color": "#666",
"show": true,
"fontSize": 14,
"fontWeight": "500",
"offsetCenter": [
0,
25
]
},
"detail": {
"show": true,
"splitNumber": 0,
"textStyle": {
"fontSize": 32,
"fontWeight": "500",
"color": "#666"
},
"offsetCenter": [
0,
65
]
},
"data": [
{
"name": "产线3",
"value": 82.5
}
],
"axisLine": {
"lineStyle": {
"color": [
[
0.2,
{
"global": false,
"colorStops": [
{
"offset": 0,
"color": "rgba(136,170,255,1)"
},
{
"offset": 1,
"color": "rgba(136,170,255,1)"
}
],
"type": "linear",
"x": "0",
"y": "0",
"x2": "1",
"y2": "0",
"max": 40
}
],
[
0.8,
{
"global": false,
"colorStops": [
{
"offset": 0,
"color": "rgba(154,233,161,1)"
},
{
"offset": 1,
"color": "rgba(154,233,161,1)"
}
],
"type": "linear",
"x": "0",
"y": "0",
"x2": "1",
"y2": "0",
"max": 160
}
],
[
1,
{
"global": false,
"colorStops": [
{
"offset": 0,
"color": "rgba(111,212,214,1)"
},
{
"offset": 1,
"color": "rgba(111,212,214,1)"
}
],
"type": "linear",
"x": "0",
"y": "0",
"x2": "1",
"y2": "0",
"max": 200
}
],
[
1,
"#F5D45F"
],
[
1,
"#F5D45F"
],
[
1,
"#F5D45F"
]
],
"width": 16
}
},
"pointer": {
"show": true,
"itemStyle": {
"color": "#5FCDC6"
},
"length": "100%%",
"width": 5
}
}
]
}
仪表盘完整配置
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 仪表盘是数据可视化的一种展现方式,是将数据以各类图表和图形化的方式,以视觉形式来呈现,从而帮助我们更加直观的了解数...
- 如图所示这样的仪表盘: 具体相关教程,可以去echarts官网查找更多信息http://www.echartsjs...
- {"annotations": {"list": [{"builtIn": 1,"datasource": "--...