Как определить видимость переключения серии в всплывающей-ui-диаграмме

#toast-ui-chart

#toast-ui-chart

Вопрос:

Я пытаюсь сохранить пользовательские настройки, касающиеся видимых или скрытых серий, на линейной диаграмме, нарисованной toast-ui-chart. Кто-нибудь знает, как я могу определить, когда пользователь переключает видимость серии?

Ответ №1:

Используя vuejs и @toast-ui / vue-chart (это мой текущий вариант использования) Я нашел способ, прослушав changeCheckedLegends который получает список логических значений, отражающих настройку видимости каждой серии.

 <lineChart :data="chartData" 
  :options="chartOptions" 
  v-on:changeCheckedLegends="changedSelection"
/>
  

Используя react и @toast-ui / react-chart, вы можете прослушать одно и то же changeCheckedLegends событие точно так же, как это:

 <LineChart data={this.state.chartData} 
  options={this.state.chartOptions}
  onChangeCheckedLegends={this.onLegendSelectionChanged}
/>
  

кажется, что оригинальная библиотека tui-charts выдает это changeCheckedLegends но у меня недостаточно времени, чтобы протестировать это дополнительно.