设置轴的最小值和最大值。高图中的数据

时间:2018-01-09 07:41:38

标签: javascript highcharts

我想在highcharts中设置轴的最小值和最大值。我尝试过min,max,ceiling和floor属性。它们改变了轴的范围。

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.

是否有任何高图的属性,我可以实现这一点而无需手动检查所有系列元素是否介于最小值和最大值之间?

1 个答案:

答案 0 :(得分:3)

不,我不认为没有这样的功能。 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) }