(本文档仅供参考)

问题1

         横向柱图在数据比较多的情况下,显示都挤在一起,要如何设置才能显示上下滚动条?

解决方案

         可通过添加如下扩展属性:

 {
    "dataZoom": [{
        "type": "slider",
        "showDetail": false,
        /*滚动条鼠标提示不显示*/
        "show": true,
        "yAxisIndex": [0],
        "startValue": 0,
        "endValue": 6,
        "handleSize": 7,
        //自定义宽高
        "hight": '600px',
        "width": '10px'
    }]
}

            效果:



如果想要实现滚动条在下方,可以参考下面的扩展属性:

 {
"dataZoom": [{
"type": "slider",
"showDetail": false,
/*滚动条鼠标提示不显示*/
"show": true,
"xAxisIndex": [0],
"startValue": 0,
"endValue": 6,
"handleSize": 7,

}]
}


问题2

echarts中设置普通横条图,然后想Y轴滚动展示,但是我不想要出现那个滚动条,需要怎么实现

解决方案

可以使用下面的扩展属性实现:

{
    "dataZoom": [{
        "type": "inside",
        "yAxisIndex": [0],

    }]
}

 

问题3

echarts中设置柱状图,然后想X轴滚动展示,但是我不想要出现那个滚动条,需要怎么实现

解决方案

可以使用下面的扩展属性:

{
"dataZoom": [{
"type": "inside",
}]
}