Я новичок в 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, а также не формирует гистограмму с накоплением. Мне нужна помощь с этой проблемой, так как я совсем новичок в старших чартах.