我是html / javascript开发的新手,并希望使用类似于此https://www.highcharts.com/demo/column-basic的高图表图表,但每个城市的年平均值显示在折线图中(即相同的图表重复12次) 。我已经使用SQL来生成平均值,因此不需要代码,但在创建图表时我似乎无法正确地获得格式。
任何建议都将受到赞赏。
谢谢
code
Highcharts.chart('content-daily-delivery-status', {
chart: {
type: 'column',
width: width
},
title: { text: 'Weekly Delivery Report' },
subtitle: {text: 'Week begining : ' + startdate },
xAxis: {
categories: names,
crosshair: true
},
yAxis: [{ // Primary yAxis
title: {
text: 'Vacines delivered'
}
}, { // Secondary yAxis
title: {
text: 'National Average'
}
}],
tooltip: {
headerFormat: '<span style="font-size:20px">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.0f}</b></td><td>avg</td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: [{
name: 'Monday',
data: monday
}, {
name: 'Tuesday',
data: tuesday
}, {
name: 'Wednesday',
data: wednesday
}, {
name: 'Thursday',
data: thursday
}, {
name: 'Friday',
data: friday
}, {
name: 'Saturday',
data: saturday
}, {
name: 'Sunday',
data: sunday
},
{
name: 'Average',
data: average,
type: "spline"
}]
});
}