Highcharts - возможно ли иметь StackLabels только для подмножества серии? - PullRequest
1 голос
/ 08 января 2020

У меня есть диаграмма, в которой я объединяю столбчатую диаграмму с накоплением с линейной диаграммой с накоплением. Я хотел бы использовать stackLabels только для столбцовой диаграммы и исключить stackLabels для составной линейной диаграммы.

В настоящее время это выглядит так: enter image description here

Как можно получить метки стека ТОЛЬКО на столбчатой ​​диаграмме?

Также см. https://jsfiddle.net/o1bqwu7r/4/ или:

Highcharts.chart('container', {
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
		yAxis: {
     stackLabels: {
        	enabled: true
        }
    },
    plotOptions: {
        series: {
            stacking: 'normal'
        },
       
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        type: 'column'
    }, {
        data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2],
        type: 'column'
    }, {
        data: [2.9, 7.5, 16.4, 12.2, 14.0, 17.0, 13.6, 14.5, 21.4, 19.1, 9.6, 5.4],
        type: 'line'
    }, {
        data: [14.0, 17.0, 13.6, 14.5, 21.4, 19.1, 9.6, 5.4, 2.9, 7.5, 10.4, 12.2],
        type: 'line'
    },]
});
<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

1 Ответ

2 голосов
/ 08 января 2020

Вы можете добавить отдельную yAxis для серии строк:

yAxis: [{
    stackLabels: {
        enabled: true
    }
}, {
    linkedTo: 0,
    visible: false
}],

series: [{
    data: [...],
    type: 'column'
}, {
    data: [...],
    type: 'column'
}, {
    yAxis: 1,
    data: [...],
    type: 'line'
}, {
    yAxis: 1,
    data: [...],
    type: 'line'
}]

Демонстрационная версия: https://jsfiddle.net/BlackLabel/1ojnakzw/1/

Справочник по API: https://api.highcharts.com/highcharts/yAxis

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