新版echarts柱状图店家右上角翻页

如果你想在 ECharts 中的柱状图中添加一个翻页功能，可以使用 ECharts 提供的 dataZoom 组件来实现。在 dataZoom 中，可以设置两个滑块，一个用于选择数据范围，一个用于选择当前视窗的大小。

以下是一个简单的示例代码，演示如何在 ECharts 中添加 dataZoom 组件来实现柱状图的翻页功能：

option = {
    xAxis: {
        type: 'category',
        data: ['店家1', '店家2', '店家3', '店家4', '店家5', '店家6', '店家7', '店家8', '店家9', '店家10', '店家11', '店家12']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130, 90, 70, 50, 60, 80],
        type: 'bar'
    }],
    dataZoom: [
        {
            type: 'slider',
            start: 0,
            end: 50,
            showDetail: false,
            handleIcon: 'M10.7,11.6c0.7,0.7,1.7,1.1,2.8,1.1c2.2,0,4-1.8,4-4c0-1.1-0.4-2.1-1.1-2.8l0,0l-7.1-7.1l0,0c-0.7-0.7-1.7-1.1-2.8-1.1c-2.2,0-4,1.8-4,4c0,1.1,0.4,2.1,1.1,2.8l0,0L10.7,11.6z M15.5,15.5c-0.7-0.7-1.7-1.1-2.8-1.1c-2.2,0-4,1.8-4,4c0,1.1,0.4,2.1,1.1,2.8l0,0l7.1,7.1l0,0c0.7,0.7,1.7,1.1,2.8,1.1c2.2,0,4-1.8,4-4c0-1.1-0.4-2.1-1.1-2.8l0,0L15.5,15.5z',
            handleSize: '80%',
            handleStyle: {
                color: '#fff',
                shadowBlur: 3,
                shadowColor: 'rgba(0, 0, 0, 0.6)',
                shadowOffsetX: 2,
                shadowOffsetY: 2
            },
            textStyle: {
                color: '#fff'
            },
            backgroundColor: '#ddd',
            borderColor: '#aaa'
        }
    ]
};

在这个示例中，使用了 dataZoom 组件中的 slider 类型来添加一个滑块。通过设置 start 和 end 属性，可以控制滑块的位置，从而实现数据的翻页效果。

注意：示例中的代码仅供参考，具体的实现方式还需要根据你自己的业务需求进行调整。