(本文档仅供参考)
问题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, }] }
如果想要实现滚动条起始位置在最上方,可以参考下面的扩展属性:
{ "dataZoom": [{ "type": "slider", "showDetail": false, /*滚动条鼠标提示不显示*/ "show": true, "yAxisIndex": [0], //数据窗口范围的起始百分和结束百分比 "start": 100, "end": 70, "handleSize": 7, //自定义宽高 "hight": '600px', "width": '10px' }] }
效果:
问题2
echarts中设置普通横条图,然后想Y轴滚动展示,但是我不想要出现那个滚动条,需要怎么实现
解决方案
可以使用下面的扩展属性实现:
{ "dataZoom": [{ "type": "inside", "yAxisIndex": [0], }] }
问题3
echarts中设置柱状图,然后想X轴滚动展示,但是我不想要出现那个滚动条,需要怎么实现
解决方案
可以使用下面的扩展属性:
{ "dataZoom": [{ "type": "inside", }] }