2017-07-31 40 views
0

我试图使它成为我的图表可以完全显示所有内容,当我尝试显示20的内容时它不会显示,因为数据是3000所占空间并使其成为一条大线。我试图使它在图形上显示的数据在3000时显示为3,然后在工具提示上显示为3k。但是当5它应该显示为5上的图形,但工具提示只有5.当创建图表时创建图表时调整Highcharts数据超过100

我似乎无法找到我如何能做到这一点。

但这里是我的代码: http://jsfiddle.net/kzL0phfu/

我想我需要改变这里的东西,但即时通讯不太清楚。

yAxis: { 
gridLineInterpolation: 'polygon', 
lineWidth: 0, 
min: 0, 
gridLineColor: "#808080", 
gridLineDashStyle: "Solid", 
gridLineWidth: 2, 
labels: { 
    format: '{value:.2f}', 
    style: { 
    color: '#c4c4c4', 
    font: '11px Trebuchet MS, Verdana, sans-serif' 
    } 
} 
} 
+0

所以你想显示缩短版本的更大的数字作为轴标签?您是否尝试使用xAxis.formatter(http://api.highcharts.com/highcharts/xAxis.labels.formatter)? –

+0

我做了它之后,它使99的简写数字,使他们的X轴和Y轴是MAS为99.与数字像3000变成3,但在工具提示显示为3k –

回答

0

所以,根据你的榜样,你有你想要的最多99个设置几个不同的数据点,但这些数据点中的一个,“赢率”,可以很好地超过1000,这倾斜图表(并使其他数据点不可见)。

如果要显示仍然具有最大值99的“赢率”值,我建议您将之前的数据更改为,然后将其放入您的Highcharts代码中。

举例来说,如果你被100 将在此数据从一个API或数据库,第一鸿沟“赢率”的数值,然后将它们添加到图表系列。您不应该需要更改您的Highcharts代码。因此,使用您的样本数据,3843和6245的“赢率”值将显示为38.43和62.45,从而使图表更具可读性(请参见下文)。

enter image description here

我希望这是有帮助的。如果您以另一种方式获取数据,请告诉我,也许还有类似的解决方案,我们可以解决。

+0

我的问题是我想我怎么能当K超过1000时,将K放在最后 –