Скрыть / показать метки данных при обновлении

Question

Скрыть / показать метки данных при обновлении

1

Я хочу использовать

data: {
  labels: true
}

в стандартной диаграмме, как показано здесь: http://c3js.org/samples/data_label.html

Это очень хорошо, когда я использую функцию c3.generate для создания новой диаграммы.

Теперь, когда диаграмма создана, я хотел бы скрыть/показать эти метки при update (при загрузке новых данных). Я не знаю, как правильно это сделать.

Спасибо

Sala 07 дек. 2017, в 11:04

Источник

Теги:

javascript

d3.js

c3.js

1 ответ

Ещё вопросы

Dmitry Demidovsky · Accepted Answer · 2017-12-07T08-49-00.000Z

Нет встроенного способа переключения меток данных.
Но вы можете контролировать его видимость, используя d3.js (на котором основан c3.js):

d3.select('.c3-chart-texts').style('display', 'none') // or 'block'

ОБНОВИТЬ:

Если вы получили несколько диаграмм, вы можете выбрать соответствующие метки либо по объекту диаграммы:

chart1.internal.selectChart.select('.c3-chart-texts')...

или идентификатором карты:

d3.select('#chart1').select('.c3-chart-texts')...

Я все еще немного сбит с толку, потому что начинаю с D3 ... Допустим, у меня есть 2 графика ( chart1 и chart2 ), как я могу выбрать только chart1 ? Спасибо
Нет проблем, смотрите обновление! Оба варианта дают одинаковый результат.