使用hichart绘制折线图

时间:2018-06-11 08:46:40

标签: javascript highcharts

我有以下数据。 (我使用API​​获得它)

   [{{2016 11 11 17 25 GET} 1} {{2016 11 12 17 10 POST} 1} {{2016 11 11 16 50 POST} 1} {{2016 11 11 17 15 POST} 1} {{2016 11 11 17 15 GET} 19} {{2018 4 18 16 5 GET} 1} {{2016 11 11 16 50 GET} 12} {{2016 11 11 17 10 GET} 36} {{2016 11 11 17 25 POST} 1} {{2016 11 11 17 10 POST} 11}]

在这里{年月日间隔方法}计数}。我想画线图
x轴 - 日期时间

y轴 - 计数 根据方法类型,我想在一个图中使用2行。我是stackoverflow.please的新手帮助我。 我实现以下代码。但它没有用。

Highcharts.chart('container', {
chart: {
type: 'spline'
},
title: {
text: 'Method Vs Time'
},
subtitle: {
text: 'Source: Wikipedia.org'
},
xAxis: {
categories: {Date.UTC(2018, 4, 18, 16, 5),
Date.UTC(2018, 4, 18, 16, 10),
Date.UTC(2018, 4, 18, 16, 15),
Date.UTC(2018, 4, 18, 16, 20),
Date.UTC(2018, 4, 18, 16, 25)},
tickmarkPlacement: 'on',
title: {
enabled: false
}
},
yAxis: {
title: {
text: 'Number of work orders'
},
labels: {
formatter: function () {
return this.value;
}
}
},
tooltip: {
split: true,
valueSuffix: ''
},
plotOptions: {
area: {
stacking: 'normal',
lineColor: '#666666',
lineWidth: 1,
marker: {
lineWidth: 1,
lineColor: '#666666'
}
}
},
series: [{
name: 'GET',
data: {1,1,20,13,47}
}, {
name: 'POST',
data: {10,4,2,13,4}
}]
});

0 个答案:

没有答案