页面树结构

版本比较

标识

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

(本文档仅供参考)

问题

仪表盘横条图如何调整展示方向?如下:

横条图效果:                                                                                                                                         

...

 

Image Modified       

想实现的横条图效果:

Image Modified

 解决方案

 具体请参考如下扩展属性:

{

"xAxis": {

        "inverse": true

},

"yAxis": {

        "position": "right"

       }}

}


备注:另外如果使用了标签显示-外,标签和分类名称重叠了,可以参考如下扩展属性:如果遇到标签和分类名称重叠的情况,如下图:

   Image Added


可以参考如下扩展属性:

{

"xAxis": {

        "inverse": true

},

"yAxis": {

        "position": "right"

},

"series": [

        {

               "label": {

                      "show": true,

                      "position": "left"

               }

        }

   ]

}