Highcharts多列平均值

时间:2018-05-01 11:51:35

标签: javascript highcharts

我是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"
    }]
});

}

0 个答案:

没有答案