（本文档仅供参考）
...
问题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-slider.start”具体可见Echarts文档：https://echarts.apache.org/zh/option.html#dataZoom-slider.start
| 代码块 |
|---|
{
"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",
}]
}
|
| Viewtracker |
|---|
