Гистограмма с накоплением с использованием Django и хай - PullRequest
0 голосов
/ 13 января 2019

Я новичок в Highcharts. Я использую данные Django QuerySet для создания высокоточной диаграммы столбцов с накоплением, но я не получаю ее правильно. Вот данные QuerySet

`   <QuerySet [{
    2013: {comp1 : 1000,comp2:1500, comp3 : 1400, comp4: 2000},
    2014: {comp1 : 900,comp2:1600, comp3 : 1200, comp4: 2500},
    2015: {comp1 : 1200,comp2:1500, comp3 : 1440, comp4: 2000},
    2016: {comp1 : 1400,comp2:1300, comp3 : 900, comp4: 2200}
}]`

В моем шаблоне я передаю серию, подобную этой

<div id="container"></div>
<script src="https://code.highcharts.com/highcharts.src.js"></script>
<script>
Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    title: {
        text: 'Stacked column chart'
    },
    xAxis: {
        categories: [
            {% for year in years_profit %}{{ year.season }}{% if not forloop.last %}, {% endif %}{% endfor %}
        ]
    },
    yAxis: {
        min: 0,
        title: {
            text: 'Total Match Won'
        },
        stackLabels: {
            enabled: true,
            style: {
                fontWeight: 'bold',
                color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
            }
        }
    },
    legend: {
        align: 'right',
        x: -30,
        verticalAlign: 'top',
        y: 25,
        floating: true,
        backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
        borderColor: '#CCC',
        borderWidth: 1,
        shadow: false
    },
    tooltip: {
        headerFormat: '<b>{point.x}</b><br/>',
        pointFormat: '{series.name}: {point.y}<br/>Total: {point.stackTotal}'
    },
    plotOptions: {
        column: {
            stacking: 'normal',
            dataLabels: {
                enabled: true,
                color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
            }
        }
    },
    series: [
        {% for year in years_profit %}
            {
                name: ['{{ year.company }}'],
                data: [{% for year in years_profit %}{{ year.profit }}{% if not forloop.last %}, {% endif %}{% endfor %}],
            },
        {% endfor %}
    ]
});
</script>
Я получаю правильные данные QuerySet из функций представлений. Я просто хочу построить гистограмму для каждой компании в зависимости от прибыли. Но я получаю повторяющиеся значения года на оси X, а также не формирует гистограмму с накоплением. Мне нужна помощь с этой проблемой, так как я совсем новичок в старших чартах.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...