В Highchart, как изменить высоту всех символов легенды на диаграмме с несколькими осями?

Question

Используйте следующую таблицу в качестве примера.

https://jsfiddle.net/albertwang/rqekhf9s/1/

  legend: {
    symbolHeight: 20,
    ......

Я хочу изменить высоту обоих этих двух символов легенды. Однако я могу изменить только первый, используя legend.symbolHeight.

Спасибо за вашу помощь.

Answer 1

Чтобы достичь желаемого результата, вы можете использовать простой обходной путь. Создайте дополнительную пустую серию spline с нужным маркером и свойством id. Затем используйте linkedTo в базовой серии spline:

series: [{
    name: 'Rainfall',
    type: 'column',
    yAxis: 1,
    data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
    tooltip: {
        valueSuffix: ' mm'
    }

}, {
    type: 'spline',
    linkedTo: 'fakeSeries',
    data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
    tooltip: {
        valueSuffix: '°C'
    }
}, {
    type: 'spline',
    marker: {
        radius: 10,
        symbol: 'circle'
    },
    color: 'black',
    name: 'Temperature',
    id: 'fakeSeries'
}]

Живая демоверсия: https://jsfiddle.net/BlackLabel/8cmurd3q/

API:

https://api.highcharts.com/highcharts/series.spline.linkedTo

https://api.highcharts.com/highcharts/series.spline.marker.symbol

Answer 2

Вы не можете изменить размер легенды в серии сплайнов, поскольку в старших диаграммах используется тот же символ сплайна в легенде, что и в серии.Вы можете изменить ширину, и линия станет длиннее, но высота не влияет.Если высота также будет изменена, легенда больше не будет идентична серии.Представьте, что у вас 2 серии, обе с круглыми символами, где один из них больше другого.Единственный способ отличить эти две части в легенде - это размер символа.

Нет настройки, которую вы можете установить для достижения того, чего вы хотите, ваша единственная опция - обернуть функцию, которая рисуетсимволы легенды.

Как обернуть функции в старшие диаграммы: https://www.highcharts.com/docs/extending-highcharts/extending-highcharts

Функция, которая рисует символы легенды: https://github.com/highcharts/highcharts/blob/master/js/parts/Legend.js#L1277

Если вы собираетесь это сделать, имейте в виду, что вы можете использовать эту функцию для разных типов серий или для всех них.