javascript - Highstock X 轴：时间类别

Question

是否可以在 Highstock 中使用类别作为 x 值？我不需要时间条作为 x 轴，而是需要编号的评级。

这适用于 Highcharts，但我需要 Highstock 的滚动条功能。

Answer 1

您可以使用 highstock 发布，但使用 highcharts 和滚动条。

看例子：

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container'
    },
    xAxis:{
        min:0,
        max:2,
        categories:['first','second','third','fourth']
    },
    scrollbar: {
        enabled: true
    },

    rangeSelector: {
        enabled:false
    },

    series: [{
        name: 'USD to EUR',
        data: [1,3,4,6]
    }]
});

http://jsfiddle.net/b826C/

Answer 2

您可以使用 Highstock 和以下解决方法获得所需的功能：

x 轴是日期时间，您的系列日期范围从日期时间 0 到日期时间 x，这里 x 是您拥有的类别数。

然后，当您格式化 xAxis 标签时，请使用：

labels: {
    formatter: function() {
    return categoryText[this.value];
   }
}

同样，您可以格式化导航器中的文本，

categoryText 是一个本地变量，其中包含类别的文本名称。

这是小提琴：https ://jsfiddle.net/b826C/98/

Answer 3

Highcharts/Highstock 的一位开发人员回答了我的支持请求：不可能将导航器切换到除时间间隔之外的其他内容。

我的问题的唯一解决方案是带有主图表和详细图表的导航，如下例所示：  http ://www.highcharts.com/demo/dynamic-master-detail