echars 数据缩放

最新推荐文章于 2024-07-30 21:13:40 发布

乔豆麻袋_

最新推荐文章于 2024-07-30 21:13:40 发布

阅读量190

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_36630786/article/details/114645941

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

配置像toolbox feature dataZoom可以实现右上角放按钮进项选中缩放，外层dataZoom会有数据滚动条。官网点此

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    toolbox: {
        feature: {
            dataZoom: {
                show: true,
                title: {
                zoom: '区域缩放' ,
                back: '区域缩放还原' 
                }
            }
        }
    },
    series: [{
        data: [150, 230, 224, 218, 135, 147, 260],
        type: 'line'
    }]
};