页面树结构
转至元数据结尾
转至元数据起始

正在查看旧版本。 查看 当前版本.

与当前比较 查看页面历史

版本 1 下一个 »

(此文档仅供参考)

问题:

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

 

解决方案

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

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.设置组件样式,把指针隐藏掉以及设置标题栏样式

 

 

最终此油量图组件效果:

 

 

  • 无标签