...
在做自助仪表盘的时候有时需要制作一些指标组件,如下截图:
解决方案
可以用油量图去制作这些指标组件,操作步骤如下:
1.先创建油量图,如下截图
2.写扩展属性只留下中间显示的值,其他的都隐藏掉。
参考的扩展属性如下:
{
代码块 | ||
---|---|---|
| ||
{ "series": |
...
{
...
[ { "radius": "0", |
...
"axisLine": |
...
{ "show": |
...
},
...
false }, "axisTick": |
...
{ "show": |
...
},
...
false }, "splitLine": |
...
{ "show": |
...
},
...
false }, "axisLabel": |
...
{ "show": |
...
},
...
false }, "pointe": |
...
{ "show": |
...
},
...
false }, "title": |
...
{ "show": |
...
}
}
],
...
false } } ], "roseType": "" } |
...
3.设置组件样式,把指针隐藏掉以及设置标题栏样式
最终此油量图组件效果: