Highchart Min Max для оси Y на серию - PullRequest
0 голосов
/ 28 августа 2018

у меня есть старшая таблица с 4 сериями. Я также только устанавливаю минимальное значение для каждой оси Y на 0, потому что нет никаких возможных отрицательных значений. Теперь highchart сам вычисляет максимальное значение, что приятно, НО мне это нужно для каждой серии. Причина в том, что у меня есть 2 серии с очень высокими значениями в диапазоне до 5000, а два других значения относительно малы от 0 до 50. Максимальное значение, которое рассчитывает highcharts, используется для всех четырех серий - поэтому график выглядит так: enter image description here

Как вы можете видеть, вы можете видеть только две серии с высокими значениями - две другие на самом деле не видны внизу графика. Когда я отключаю две серии с высокими значениями, диаграмма выглядит хорошо для двух других значений:
enter image description here

есть ли флаг, который я могу использовать, чтобы старшая диаграмма рассчитывала максимальное значение / масштаб для серии? Или я действительно рассчитал это сам - также по зуму и так далее. Я нашел это: https://github.com/highcharts/highcharts/issues/4248 Но я думал, что некоторые базовые функции нужны очень часто, поэтому должно быть что-то ..

привет

1 Ответ

0 голосов
/ 28 августа 2018

Может быть, лучше использовать logarithmic тип оси? Ваша диаграмма будет иметь только одну ось, настроенную на большую разницу между значениями точек серии. Когда дело доходит до различий между единицами измерения, вы всегда можете установить различное определение tooltip.pointFormat для конкретной серии.

Highcharts.chart('container', {

    title: {
        text: 'Logarithmic axis demo'
    },

    yAxis: {
        type: 'logarithmic',
    },

    series: [{
        data: [1, 20, 30, 22, 16, 32, 45, 24, 11, 2],
        pointStart: 1,
        tooltip: {
            pointFormat: '<b>{point.y} km/h</b>'
        }
    }, {
        data: [4500, 3450, 4242, 2348, 5216, 3212, 4564, 3128, 5256, 4512],
        pointStart: 1,
        tooltip: {
            pointFormat: '<b>{point.y} kW/h</b>'
        }
    }]
});

Живой пример: https://jsfiddle.net/bfnj4mp8/

Справочник по API:

https://api.highcharts.com/highcharts/yAxis.type

https://api.highcharts.com/highcharts/series.line.tooltip.pointFormat

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