Установите пользовательский rangeSelector и отключите метку xAxis на графике и в навигаторе с Highstock

Question

Установите пользовательский rangeSelector и отключите метку xAxis на графике и в навигаторе с Highstock

0

Я использую highstock с ленивой загрузкой, как в этой демонстрации, я использую две разные серии: оба имеют параметр "время", но ни один из них не должен иметь xAxis с датой.

Каждая серия имеет такую структуру:

serie1:[{"x" => 1, "y" => value_1, "time" => time_of_point_1},
        {"x" => 2, "y" => value_2, "time" => time_of_point_2},
        ....
        {"x" => n, "y" => value_n, "time" => time_of_point_n}];


serie2:[{"x" => 1, "y" => value_1, "z" => value_z_1, "time" => time_of_point_1},
        {"x" => 2, "y" => value_2, "z" => value_z_2, "time" => time_of_point_2},
        ....
        {"x" => n, "y" => value_n, "z" => value_z_n, "time" => time_of_point_n}];

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

Поэтому мои вопросы:

Возможно ли иметь собственный диапазон выбора диапазона, который масштабирует диаграмму в соответствии с параметром точки, отличным от значений x и y?:

скажем:

 events:{
    if (e.trigger == "rangeSelectorButton" && 
        e.rangeSelectorButton.text == "last 3 hours"){
        // zoom on chart and set the chart
        // with all point that has "time" parameter 
        // between now and the last three hours
    }
}

Затем я ищу способ отключить ярлык X Axis, чтобы сделать все более читаемым.

Я пытаюсь отключить ярлык на диаграмме xAxis и в Navigator xAxis, но независимо от того, что он появляется каждый раз.

Я использовал этот код для обоих:

xAxis : {
    label: {
       enabled: false
    }
}

но это не сработает.

Какие-нибудь советы?

Plastic 12 май 2014, в 13:18

Источник

Теги:

javascript

jquery

charts

highcharts

highstock

1 ответ

Ещё вопросы

Sebastian Bochan · Accepted Answer · 2014-05-12T10-05-00.000Z

У вас есть два пути:

вы можете вызвать звонок rangeselector и вызвать setExtremes rel topic
подготовьте свои собственные html-кнопки и вызовите setExtremes()

В xAxis это должны быть метки, установленные меткой:

xAxis : {
    labels: {
       enabled: false
    }
}

Что касается ярлыка xAxis, это была опечатка, спасибо за это! Что касается селектора диапазона, ваше второе предложение состоит в том, чтобы создать некоторую кнопку html, которая вызывает мою функцию ajax, чтобы получить ряд между моими пределами и передать на график крайние значения? это правильно?? Я не очень понимаю первый способ, которым вы предлагаете
Я хотел бы использовать стандартный селектор диапазона (например, «15 м», «1 ч», «3 ч», «ВСЕ»), но с пользовательским поведением видно, что моя ось X не основана на времени.