ECharts dataZoom配置内置型数据区域缩放组件（dataZoomInside）

在 ECharts 中，内置型数据区域缩放组件（dataZoomInside）可以直接放置在坐标系上，而不是像缩放型（dataZoomSlider）一样以独立的滑块形式存在。以下是一个示例：

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: 'inside',   // 内置型数据区域组件
        start: 30,        // 起始位置（百分比）
        end: 70           // 结束位置（百分比）
    }
};

在上述示例中，dataZoom 配置项中使用了 type: 'inside' 表示内置型数据区域组件。与缩放型不同，内置型直接作用于坐标系，可以通过拖拽坐标轴实现数据区域的缩放。

start 和 end 属性表示起始和结束的位置，取值为 0 到 100 之间的百分比。

你可以根据实际需求调整 dataZoom 的配置参数，以适应你的数据展示和交互需求。

转载请注明出处：http://www.zyzy.cn/article/detail/5286/ECharts