javascript - 设置 highchart 中轴数据的最小值和最大值

Question

我想在 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 是否有任何属性可以使用它来实现此目的，而无需手动检查所有系列元素是否落在最小值和最大值之间？

Answer 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) }