Highcharts：X轴等间距不等间隔答案

【问题标题】：High Charts : Equal spacing for X Axis for unequal intervalHighcharts：X轴等间距不等间隔
【发布时间】：2015-05-01 23:05:42
【问题描述】：

我在 highchart 上有一个散点图。我从 json 读取值。现在我的 x 轴值从 190645 到 208686 不等，间隔不均匀，这些被称为运行数。现在我想要的是，即使 x 轴的点之间的间隔不相等，但它们应该在它们之间以相等的间距绘制。我希望图形是对称的，并且它们之间没有不相等的间隙。

有没有办法做到这一点？

另一个可能的解决方案是我在 JSON 中也有一个值，范围为 1-526（要绘制的点数）。如果我将其用作 x 轴，则这些点具有相等的间距。但我想在工具提示和 x 轴标签中显示运行次数（不均匀间隔）的值。是否可以为标签和工具提示设置单独的值，然后是正在绘制的值？

两种解决方案中的任何一种都适合我

【问题讨论】：

是的，第二种解决方案对您有用。只需以这种方式创建点：data: [{ x: index, y: value, extraData: uneven_data }, ... ]。然后您可以在tooltip.formatter 中访问额外数据：var my_data = this.point.options.extraData。

标签： javascript json plot highcharts

【解决方案1】：

您可以通过将它们视为类别来强制高图在 x 轴值之间使用相等的间距。

$('#container').highcharts({
    xAxis: {
        categories: ['100', '200', '250', '300', '320', '350',
            '500', '1000', '1100', '1250', '1500', '1600']
    },
...

有关示例，请参阅 http://jsfiddle.net/p0kmbag3/1/。

【讨论】：