высокие диаграммы, изменяющие цвет добавленной серии графа с накоплением столбцов - PullRequest
0 голосов
/ 17 апреля 2020

Я изо всех сил стараюсь добавить цвета в графы столбцов. На следующем рисунке показано, как выглядит столбчатая диаграмма столбцов, и я 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]
            },
        ]
    });
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...