echarts折线图动态设置y轴最大值最小值

最新推荐文章于 2024-06-07 15:05:33 发布

左手吻左脸。

最新推荐文章于 2024-06-07 15:05:33 发布

阅读量1.4k

点赞数 4

分类专栏： Echarts问题解决文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/weixin_47194802/article/details/136151182

版权

Echarts问题解决专栏收录该内容

8 篇文章 0 订阅

订阅专栏

// 假设你有一个包含数据的数组 data
var data = [30, 40, 50, 60, 70, 80, 90];

// 使用 Math 对象的静态方法来计算最大值和最小值
var maxValue = Math.max.apply(null, data);
var minValue = Math.min.apply(null, data);

// 创建 ECharts 的配置项
option = {
    xAxis: {
        type: 'category',
        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
    },
    yAxis: {
        type: 'value',
        min: minValue,  // 动态设置最小值
        max: maxValue  // 动态设置最大值
    },
    series: [{
        data: data,
        type: 'line'
    }]
};

// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);