Javascript Highcharts折线图XAxis标签顺序
目前是否有办法颠倒折线图xaxis标签的顺序,以升序方式排列标签,并将最右的勾号作为“开始”?我当前的代码如下所示:Javascript Highcharts折线图XAxis标签顺序,javascript,highcharts,Javascript,Highcharts,目前是否有办法颠倒折线图xaxis标签的顺序,以升序方式排列标签,并将最右的勾号作为“开始”?我当前的代码如下所示: legend: { enabled: false}, xAxis: { title: { text: null}, categories: chartCategories, tickmarkPlacement: 'on', labels: { useHTML: false, step: 2, ro
legend: { enabled: false},
xAxis: {
title: { text: null},
categories: chartCategories,
tickmarkPlacement: 'on',
labels: {
useHTML: false,
step: 2,
rotation: -40
},
y: 30
}
这是我的例子
我已将数据数组排序为正确的顺序,它以升序显示标签,但它仍然不将最右的记号标记作为起点。如果将鼠标悬停在最后一个绘图上,您将在工具提示中看到标签“2015-12-19-2015-12-31”
我希望以此为起点,在xaxis和步骤2上展示,而不是在xaxis上展示第一个“2015-01-01-2015-02-01”。任何帮助都将不胜感激 如果我正确理解您的要求。尝试在xAxis对象中执行此操作
xAxis: {
reversed:true,
title: { text: null},
categories: chartCategories,
tickmarkPlacement: 'on',
labels: {
useHTML: false,
step: 2,
rotation: -40
},
y: 30
}
签出您始终可以反转数据:
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()
}]
});