页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

在做自助仪表盘的时候有时需要制作一些指标组件,如下截图:

Image Removed Image Added

解决方案

可以用油量图去制作这些指标组件,操作步骤如下:

...

2.写扩展属性只留下中间显示的值,其他的都隐藏掉。

 Image RemovedImage Added

 

参考的扩展属性如下:

代码块
linenumberstrue
{
         "series": [
                   {
                            "radius": "0",
                            "axisLine": {
                                     "show": false
                            },
                            "axisTick": {
                                     "show": false
                            },
                            "splitLine": {
                                     "show": false
                            },
                            "axisLabel": {
                                     "show": false
                            },
                            "pointe": {
                                     "show": false
                            },
                            "title": {
                                     "show": false
                            }
                   }
         ],
         "roseType": ""
}

...

3.设置组件样式,把指针隐藏掉以及设置标题栏样式

 Image RemovedImage Added

 Image RemovedImage Added

最终此油量图组件效果: