Я изо всех сил стараюсь добавить цвета в графы столбцов. На следующем рисунке показано, как выглядит столбчатая диаграмма столбцов, и я sh для изменения цветовых схем. Обратите внимание, что ряды удаляются, а затем добавляются динамически с помощью вызова chart_staff.addSeries ([data: 3,123,21,132,312,132,132 ...]), который работает нормально. Я просто не знаю, как добавить цвета в сложенный график. Я пробовал, chart_staff.addSeries ([{data: 3,123,21,132,312,132,132 ...}, color: '# FF00FF']), а также жестко настраивал цвета в самом определении графа с помощью цветов: ['# FF00FF', '# FF00FF ',' # FF0CCF '...], но более точный метод работает ...
https://i.stack.imgur.com/JihFb.png
var chart_staff = new Highcharts.chart (' summary_id ' , {chart: {type: 'column'}, title: {text: ''}, xAxis: {type: 'category', метки: {allowOverlap: true, style: {fontSize: 8, color: '# 000000' , fontWeight: 'bold',}, шаг: 1, ротация: -45}, категории: [{% для dis c в scholline_set%} {% для участника в group_workload [dis c .name] .keys ( ) | list | sort%} '{{member}}', {% endfor%} {% endfor%}
],
minTickInterval: 1,
tickWidth: 0,
},
yAxis: {
min: 0,
title: {
text: 'Workload'
},
stackLabels: {
enabled: true,
style: {
fontWeight: 'bold',
color: (Highcharts.theme && Highcharts.theme.textColor) || 'gray'
}
}
},
exporting: {
buttons: {
contextButton: {
menuItems: ['model', 'base', "printChart", "viewFullscreen", "separator", "downloadPNG", "downloadPDF", "downloadCSV", "downloadXLS","viewData"]
}
},
menuItemDefinitions: {
model: {
onclick: function (ev) {
apply_model = 1;
update_display_data(ev, this);
//update_chart_staff(model_display_values_admin, model_display_values_research, model_display_values_1, model_display_values_2, model_display_values_3)
update_chart_staff(model_display_values_admin, model_display_values_research, model_display_values_1, model_display_values_2, model_display_values_3)
update_chart_discipline(model_total_load_disc_sum)
update_chart_load(model_total_load_sum)
},
text: 'Model'
},
base: {
onclick: function (ev) {
apply_model = 0;
update_display_data(ev, this);
update_chart_staff(display_values_admin, display_values_research, display_values_1, display_values_2, display_values_3)
update_chart_discipline(total_load_disc_sum)
update_chart_load(total_load_sum)
},
text: 'Base'
}
},
},
legend: {
align: 'right',
x: -25,
verticalAlign: 'top',
y: -9,
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}'
},
credits: {
enabled: false
},
plotOptions: {
chart: {
marginTop: 0,
marginBottom: 0,
marginLeft: 0,
marginRight: 0,
plotBackgroundColor: '#f2f2f2',
plotBorderWidth: 0,
plotShadow: false,
},
column: {
pointPadding: -.2,
events: {
legendItemClick: function (event) {
trimester_display_changed(event, this);
}
},
stacking: 'overlap',
dataLabels: {
enabled: false,
allowOverlap: true,
color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'green',
format: "{y}",
distance: -20
},
line: {
pointInterval: 86400000,
pointStart: 1282408923000
},
},
allowPointSelect: false,
},
series: [{
name: 'Admin',
data: [{% for disc in discipline_set %}{% for member in group_workload[disc.name].keys()|list|sort %}{{ group_workload[disc.name][member]['Admin'] }}, {% endfor %}{% endfor %}],
color: display_tri_color_base[4]
},
{
name: 'Research',
data: [{% for disc in discipline_set %}{% for member in group_workload[disc.name].keys()|list|sort %}{{ group_workload[disc.name][member]['Research']}}, {% endfor %}{% endfor %}],
color: display_tri_color_base[3]
},
{
name: T1_str,
data: [{% for disc in discipline_set %}{% for member in group_workload[disc.name].keys()|list|sort %}{{ group_workload[disc.name][member]['1']}}, {% endfor %}{% endfor %}],
color: display_tri_color_base[0]
},
{
name: T2_str,
data: [{% for disc in discipline_set %}{% for member in group_workload[disc.name].keys()|list|sort %}{{ group_workload[disc.name][member]['2']}}, {% endfor %}{% endfor %}],
color: display_tri_color_base[1]
},
{
name: T3_str,
data: [{% for disc in discipline_set %}{% for member in group_workload[disc.name].keys()|list|sort %}{{ group_workload[disc.name][member]['3']}}, {% endfor %}{% endfor %}],
color: display_tri_color_base[2]
},
]
});