页面树结构

版本比较

标识

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

...

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

Image RemovedImage Added 

解决方案

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

1.先创建油量图,如下截图

Image RemovedImage Added

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

 Image RemovedImage Added

Image Removed 

参考的扩展属性如下:

{

        

代码块
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

最终此油量图组件效果:

 Image RemovedImage Added