Блог

Я использую HighCharts для мобильного Интернета.

У меня есть кнопка переключения, привязанная к переменной состояния, которая называется zoomPanToggled . zoomPanToggled false по умолчанию установлено значение, и поведение диаграммы по умолчанию должно иметь включенную общую всплывающую подсказку. Если zoomPanToggled true да , то всплывающая подсказка должна быть отключена, и вместо этого перемещение 1 пальца должно включать панорамирование, а сжатие диаграммы 2 пальцами должно включать масштабирование. После возврата к zoomPanToggled значению false, следует повторно активировать поведение всплывающей подсказки по умолчанию.

Моя конфигурация параметров Highcharts выглядит примерно так:

 {
    chart: {
        ...
        panning: zoomPanToggled,
        zoomType: zoomPanToggled ? 'x' : '',
    },
    tooltip: {
        followTouchMove: false,
        shared: true,
        ...
    },
}
 

В идеале followTouchMove должно быть установлено значение !zoomPanToggled , но , похоже, ему трудно принять динамическое значение. Единственный способ, которым я могу переключить масштабирование 1 пальца на 2 пальца,-это установить followTouchMove на это статическое false значение. Но тогда это, очевидно, нарушает подсказку.

В противном случае, если это выглядит так:

 {
    chart: {
        ...
        panning: zoomPanToggled,
        zoomType: zoomPanToggled ? 'x' : '',
    },
    tooltip: {
        followTouchMove: !zoomPanToggled,
        shared: true,
        ...
    },
}
 

затем всплывающая подсказка всегда включается в обоих состояниях false/true, а масштабирование/панорамирование также прерывается.

Помочь?