Имя легенды над гистограммой вместо значения - PullRequest
0 голосов
/ 29 января 2019

Я смотрю на этот пример здесь .В этом примере показаны значения гистограмм по столбцам.То, что я надеялся сделать, - это способ, с помощью которого я могу отображать такие имена легенд, как «Яблоки», «Апельсины» и т. Д. На гистограмме.

То, что я до сих пор делал, это:

Highcharts.chart('chartDiv_'+widgetId, {
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Project Release Chart'
    },
    xAxis: {
        categories: x_axis
    },
    yAxis: {
        min: 0,
        max: 100,
        reversedStacks : false,
        labels: {
            formatter: function() {
                return this.value+"%";
            }
        },
        title: {
            text: 'Percentage'
        }
    },
    credits: {
        enabled: false
    },
    tooltip: {
        pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.percentage:.0f}%)<br/>',
        shared: false
    },
    legend: {
        //enabled: false,
        reversed: false
    },
    plotOptions: {
        series: {
            /*events: {
                legendItemClick: function() {
                    return false;
                }
            },*/
            stacking: 'percentage',
            pointWidth: 60,
            dataLabels: {
                enabled: true
            }
        }
    },
    series: y_axis
});

Я хотел бы иметь имя легенды вместо значений на гистограммах.

1 Ответ

0 голосов
/ 29 января 2019

Мне удалось это сделать, настроив атрибут dataLabels для plotOptions.Я добавил следующий код в plotOptions:

plotOptions: {
        series: {
            stacking: 'percentage',
            pointWidth: 60,
            dataLabels: {
                enabled: true,
                format : '{series.name}',
                style : {
                    color: '#DCDCDC', 
                    fontSize: '15px', 
                    fontWeight: 'pointer', 
                    textOutline: '0px contrast'
                }
            }
        }
    },

-> формат: '{series.name}', чтобы быть конкретным

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