Javascript Highcharts在Y轴上重复相同的标签值
我有一个Highcharts折线图,其中Y轴标签没有显示大数字的小数点。 如果值超过5位,则小数位数无法显示,这意味着所有标签显示相同的值 我知道我可以定义一个自定义的格式化程序来显示小数点,但是图表是非常动态的,可以显示具有广泛变化值的行。有些数列可以只有整数,有些数列最多需要5位小数。我不想在加载新系列后,为了正确缩放轴,必须搜索整个系列并传回最大值和最小值。图表通常会自动缩放并显示正确的标签,那么这里出了什么问题? 以下是问题的简化示例: Y轴有一个漂亮的基本定义Javascript Highcharts在Y轴上重复相同的标签值,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我有一个Highcharts折线图,其中Y轴标签没有显示大数字的小数点。 如果值超过5位,则小数位数无法显示,这意味着所有标签显示相同的值 我知道我可以定义一个自定义的格式化程序来显示小数点,但是图表是非常动态的,可以显示具有广泛变化值的行。有些数列可以只有整数,有些数列最多需要5位小数。我不想在加载新系列后,为了正确缩放轴,必须搜索整个系列并传回最大值和最小值。图表通常会自动缩放并显示正确的标签,那么这里出了什么问题? 以下是问题的简化示例: Y轴有一个漂亮的基本定义 yAxi
yAxis: {
max: 33999.253,
min: 33999.219,
title: {
text: 'm',
style: {
color: '#000000',
fontWeight: 'bold'
}
},
labels: {
style: {
color: '#000000'
}
}
},
正如您在最初显示时所看到的,所有Y轴标签都是相同的。
但是,当您更新序列(使用“数据集”按钮)并显示具有更低值的不同数据序列时,将显示小数位。
缩放轴(使用“自动缩放”按钮)时,标签甚至不显示
这是由边距间距引起的问题还是缺少其他配置设置?默认情况下,Highcharts会将标签四舍五入为两位小数。您可以使用
yAxis.labels.formatter
更改它。见:
yAxis: {
max: 33999.253,
min: 33999.219,
title: {
text: 'm',
style: {
color: '#000000',
fontWeight: 'bold'
}
},
labels: {
formatter: function() {
return this.value;
},
style: {
color: '#000000'
}
}
},
演示:有一个简单的解决方案 使用您自己的标签格式化程序
yAxis: {
max: 33999.253,
min: 33999.219,
title: {
text: 'm',
style: {
color: '#000000',
fontWeight: 'bold'
}
},
labels: {
style: {
color: '#000000'
},
formatter: function () {
return this.value
}
}
},
在此处更新您的小提琴: