解决 Highcharts 中 yAxis 的 max 设置无效的问题

最新推荐文章于 2024-08-08 09:41:41 发布

weixin_34274029

最新推荐文章于 2024-08-08 09:41:41 发布

阅读量2.1k

点赞数 1

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000015956000

版权

本文主要介绍了在Highcharts中遇到yAxis的max设置无效的问题，提出两种解决方案。一种是通过同时设置`tickAmount`属性确保`max`值能被刻度间隔整除，另一种是利用`tickPositioner`属性手动设定坐标轴刻度。

摘要由CSDN通过智能技术生成

问题场景

    $(function () {
        Highcharts.chart('container', {
            title: {
                text: 'line'
            },
            xAxis: {
                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            },
            yAxis: {
                max: 350,
            },
            series: [{
                data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 250.4, 294.1, 95.6, 54.4]
            }]
        });
    });