如何将相同的yAxis.categories值分配给HighCharts中的series.data?

时间:2017-08-25 14:59:07

标签: javascript highcharts

我尝试创建一个图表,其中传递给 series.data 属性的数据与我转到类别属性的值完全匹配在y轴上。我试图以十进制形式存储数据,但是样条点与各种类别不匹配。

我的类别代表了一系列次数。

这是我的图表:

Highcharts.chart('container', {
    chart: {
        type: 'spline'
    },
    yAxis: {
        min: 0,
        max: 2,
        reversed: true,
        tickInterval: 1,
        categories: ['0:30', '0:40', '1:00'],
    },
    series: [{
        data: [1, 0.4, 0.3]
    }]
});

我想要做的是分配值[0:30',' 0:40',' 1:00']到 series.data 属性。但遗憾的是,您无法将字符串类型分配给数据

如何解决问题?

1 个答案:

答案 0 :(得分:0)

使用特定yAxis类别的索引在正确的位置显示值,并修改tooltip以显示类别值,而不是小数值。

API参考:
http://api.highcharts.com/highcharts/tooltip.formatter

例:
http://jsfiddle.net/8wefsL70/1