Question

目前是否有办法扭转折线图xaxis标签的顺序，使标签以递增的方式排序，并且最右边的勾选是“开始”＃？我目前的代码如下：

legend: { enabled: false},
  xAxis: {
    title: { text: null},
    categories: chartCategories,
    tickmarkPlacement: 'on',
    labels: {
        useHTML: false,
        step: 2,
        rotation: -40
    },
    y: 30
}

这是我的例子

http://jsfiddle.net/skqshs9e/1/

我已经按照正确的顺序对数据数组进行了排序，并按升序显示标签但是它仍然没有将最右边的刻度标记作为起始点。如果您将鼠标悬停在最后一个图表上，您会看到标签＆＃39; 2015-12-19 - 2015-12-31＆＃39;在工具提示中。

我希望这是xaxis和第2步的起点和显示，而不是第一个＆＃39; 2015-01-01 - 2015-02-01＆＃39;在xaxis上显示。任何帮助将不胜感激！

Answer 1

如果我理解你的要求。尝试在xAxis对象中执行此操作

 xAxis: {
    reversed:true,
    title: { text: null},
    categories: chartCategories,
    tickmarkPlacement: 'on',
    labels: {
        useHTML: false,
        step: 2,
        rotation: -40
    },
    y: 30
}

结帐here

Answer 2

您随时可以撤销数据：http://jsfiddle.net/skqshs9e/4/

var chartCategories = [
    '2015-01-01 - 2015-02-01',
    '2015-02-02 - 2015-03-04',
    '2015-03-05 - 2015-04-05',
    '2015-04-06 - 2015-05-06',
    '2015-05-07 - 2015-06-08',
    '2015-06-09 - 2015-07-10',
    '2015-07-11 - 2015-08-11',
    '2015-08-12 - 2015-09-12',
    '2015-09-13 - 2015-10-14',
    '2015-10-15 - 2015-11-16',
    '2015-11-17 - 2015-12-18',
    '2015-12-19 - 2015-12-31'
].reverse();
$('#container').highcharts({
    legend: { enabled: false},
    xAxis: {
        title: { text: null},
        categories: chartCategories,
        tickmarkPlacement: 'on',
        labels: {
            useHTML: false,
            step: 2,
            rotation: -40
        },
        y: 30
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4].reverse()
    }]
});

Highcharts折线图XAxis标签订单

2 个答案: