Заставить две оси x быть одинаковыми в Highcharts

0

На данный момент у меня есть две совершенно разные диаграммы

$(div).highcharts({
        title: {
            text: ""
        },
        credits: {
            enabled: false
        },
        xAxis: {
            type: "datetime",
        },
        legend: {
          enabled: false  
        },
        yAxis: yAxis.ranking,
        series: data.rankings
    });

а также

$(div + "Count").highcharts({
        chart: {
            type: 'column',
        },
        title: {
            text: ""
        },
        credits: {
            enabled: false
        },
        xAxis: {
            type: "datetime",
        },
        yAxis: yAxis.count,
        series: data.counts
    });

Мне нужен xAxis, чтобы совпадать одинаково. Оба графика обычно имеют 4 серии и имеют тенденцию выравниваться довольно хорошо, однако в сценарии, где у них есть между 1 и 3 сериями, тогда вторая диаграмма выходит из строя с верхней и центрирует в середине с большим количеством пробелов с обеих сторон.

Мне было интересно, есть ли способ заставить второй граф взять точный xAxis другого графика.

  • 0
    Вы можете добавить свой полный код диаграммы? как с данными и все.
  • 0
    Я действительно не могу. Он собирается динамически с помощью ajax-вызова в базу данных, полную информации, которой я действительно не могу поделиться здесь. Я не совсем уверен, как это поможет?
Теги:
highcharts

2 ответа

0
Лучший ответ

Да, вы можете использовать связанную опцию http://api.highcharts.com/highcharts#xAxis.linkedTo

  • 0
    Может ли linkedTo работать на графиках?
  • 0
    Посмотрев на примеры использования для relatedTo в документации, я, вероятно, пошел бы дальше и сказал бы нет, connectedTo - это не тот ответ, который я ищу :(
Показать ещё 1 комментарий
1

xAxis - объект

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

  • 0
    Я не думаю, что это так. Если бы я это сделал, я бы просто сказал: var xAxis = { type: "datetime" } который по сути будет таким же, как у меня сейчас.
  • 0
    Можете ли вы создать jsfindle с примером вашей работы? легче ответить

Ещё вопросы

Сообщество Overcoder
Наверх
Меню