option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E', 'F', 'G']
},
yAxis: {
type: 'value'
},
series: [{
type: 'bar',
data: [10, 20, 30, 40, 50, 60, 70]
}],
dataZoom: [
{
type: 'slider', // 缩放型数据区域组件
start: 0, // 起始位置（百分比）
end: 50 // 结束位置（百分比）
},
{
type: 'inside', // 内置型数据区域组件
start: 30, // 起始位置（百分比）
end: 70 // 结束位置（百分比）
}
]
};
在上述示例中，dataZoom 组件包含两个部分，一个是 type: 'slider'，用于生成缩放滑动条，另一个是 type: 'inside'，用于内置式的数据区域缩放。
- start 和 end 属性表示起始和结束的位置，取值为 0 到 100 之间的百分比。
你可以根据实际需求调整 dataZoom 组件的配置，例如添加更多的滑动条、调整缩放范围等。
转载请注明出处：http://www.zyzy.cn/article/detail/5285/ECharts