Как отобразить только одну метку оси X в синхронизированных диаграммах Highcharts - PullRequest
Новая
       63

Как отобразить только одну метку оси X в синхронизированных диаграммах Highcharts

0 голосов
/ 11 февраля 2020

Я использую синхронизированные диаграммы Highcharts для отображения трех разных переменных. Однако, чтобы визуализировать более чистые графики, я бы хотел отобразить ось X (которая одинакова для всех трех графиков) только для нижнего графика.

Для этого, я полагаю, в конце процесса генерации мне нужно циклически пройти по диаграммам и подавить первые две оси x, вроде 

for (i = 0; i < (Highcharts.charts.length - 1); i = i + 1) 
{
   chart = Highcharts.charts[i];
   chart.xAxis.labels.enabled = false;
}

Здесь это скрипка по умолчанию .

Мне не удается заставить это работать. Кто-нибудь может мне помочь в этом?

1 Ответ

1 голос
/ 11 февраля 2020

Вы можете установить свойство xAxis.visible в зависимости от индекса диаграммы: 

success: function (activity) {
    activity = JSON.parse(activity);
    activity.datasets.forEach(function (dataset, i) {

        ...

        Highcharts.chart(chartDiv, {
            xAxis: {
                visible: i === 2,
                ...
            },
            ...
        });
    });
}

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

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

...