Highcharts несколько столбцов со средним - PullRequest
0 голосов
/ 01 мая 2018

Я новичок в разработке 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"
    }]
});

}

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...