echarts柱状图datazoom竖直滑动
时间: 2023-08-08 14:13:50 浏览: 169
echarts柱状图
要在echarts柱状图中添加竖直滑动功能,可以使用dataZoom配置项。具体的配置如下所示:
```javascript
dataZoom: \[
{
type: "slider", // 表示有滑动块的
show: true,
yAxisIndex: \[0\], // 表示y轴折叠
start: 1, // 数据窗口范围的起始百分比,表示1%
end: 35, // 数据窗口范围的结束百分比,表示35%
left: "20", // 滑动块的位置
},
\],
```
通过设置type为"slider",show为true,yAxisIndex为\[0\],start和end来控制滑动块的位置和范围。可以根据需要调整这些参数来实现竖直滑动的效果。\[1\]
请注意,以上代码片段是在echarts中使用的,具体的实现可能会根据你的需求和echarts版本有所不同。请根据你的实际情况进行相应的调整。\[1\]
#### 引用[.reference_title]
- *1* *2* [Echarts使用小技巧](https://blog.csdn.net/weixin_43157372/article/details/118181477)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文