在高图中设置轴数据的最小值和最大值答案

【问题标题】：set minimum and maximum values for axis' data in highchart在高图中设置轴数据的最小值和最大值
【发布时间】：2018-01-09 15:59:45
【问题描述】：

我想在 highcharts 的轴上设置最小值和最大值。我已经尝试过最小值、最大值、天花板和地板属性。它们改变轴的范围。

Link to the JS Fiddle

yAxis: {
    floor: 0,
    ceiling: 40,
    title: {
        text: 'Percentage'
    }
},

series: [{
    data: [0, 1, -5, 2, 3, 5, 8, 5, 50, 14, 25, 54]
}]

我希望根据轴声明中声明的最小/下限和最大/上限值自动修改数据。

例如，如果在上面提到的情况下，系列的最后一个和最后第 4 个元素应该自动修改为 40，第 3 个元素应该自动修改为 0。

是否有任何 highchart 的属性可以在不手动检查所有系列元素的最小值和最大值之间的情况下实现这一点？

【问题讨论】：

标签： javascript highcharts

【解决方案1】：

不，我认为没有这样的功能。 Highcharts 不会改变您的数据，它只会改变显示的内容。但是检查低于或高于特定阈值的值非常简单：

var data = [0, 1, -5, 2, 3, 5, 8, 5, 50, 14, 25, 54];
var max = 40;
var min = 0;

// clamping "by hand"
console.log( data.map(function(d) { return Math.max(min, Math.min(max, d)); }) );

如果你使用 lodash 之类的库：这些库通常会提供一个钳位函数以便你编写

console.log( _.map(data, function(d) { return _.clamp(d, min, max) }

【讨论】：