Highcharts：使用轴的问题标签

我无法解释此行为：
有时，我的图表显示的轴的第一个或最后一个标签有很多小数。Highcharts：使用轴的问题标签

enter image description here

在我的图形选项，这里是y轴什么样子：

yAxis : [{ 
    alternateGridColor: "white", 
    gridLineColor : "#E3E3E3", 
    lineWidth: 2, 
    tickLength : 5, 
    lineColor : '#A5A5A5', 
    tickWidth : 2, 
    tickLength : 5, 
    tickColor : '#A5A5A5', 
    labels : { 
     style : { 
      fontWeight : 'bold', 
      fontSize: '10px' 
     }, 
     x : -labelMargin 
    }, 
    tickPixelInterval: 20 
}, 
//more axis 
]

如何解决呢？任何帮助赞赏。

来源

2014-11-13 zbMax

你没有提到你的标签的价值，所以它使用天真的价值，可能是一个部门生成的浮动数字。

我建议你来处理您的标签手动是这样的：

labels: { 
     formatter: function() { 
      return Math.floor(this.value) 
     } 
    }

正如你可以看到我使用floor()函数删除小数。

来源

2014-11-14 00:49:11 muradin

我已经添加了'format：'{value：.2f}''并且如预期的那样，它可以防止这种奇怪的行为再次出现。但是当轴显示“更大”的值（我的意思是1,2,3）时，我不希望轴显示小数。任何提示？ – zbMax

我认为你可以再次做数学运算。例如，根据我的答案，它应该是这样的： 'return（this.value - Math.floor（this.value））'将小数分开。 – muradin

@zbMax使用[标签格式化程序]（http://api.highcharts.com/highcharts#yAxis.labels.formatter）和[Highcharts.numberFormat]（http://api.highcharts.com/highcharts#Highcharts.numberFormat ）支持任何检查值的条件。 –

Highcharts：使用轴的问题标签

回答

相关问题