在超过100

时间:2017-07-31 00:20:27

标签: highcharts

我正在尝试制作它所以我的图表可以完全显示当前当我尝试显示20它不会显示的东西,因为3000的数据占用了所有空间并使其成为一条大线。我试图做到这一点,以便图表上显示的数据在3000时显示为3但在工具提示上显示为3k。但是当它应该在图5中显示为5但工具提示仅显示为5。

我似乎无法知道如何做到这一点。

但这是我的代码: 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'
  }
}
}

1 个答案:

答案 0 :(得分:0)

因此,根据您的示例,您有几个不同的数据点,您要为其设置最多99个,但这些数据点之一,"赢率,"可能超过1000,这会扭曲图表(并使其他数据点无法看到)。

如果您想显示"赢率"仍然最多有99个,我建议您在>之前更改数据,然后将其放入Highcharts代码中。

例如,如果您从API或数据库中引入此数据,首先将"赢率"值为100 然后将它们添加到图表系列中。您不需要更改Highcharts代码。

因此,使用您的样本数据,"赢率"值3843和6245将显示为38.43和62.45,使图表更具可读性(见下文)。

enter image description here

我希望这会有所帮助。如果您以其他方式获取数据,请告诉我,也许我们可以解决类似的解决方案。