C3.js - При изменении размера окна, как я могу изменить положение легенды справа налево?

Question

Я пытаюсь обновить легенду с3 на круговой диаграмме, когда размер браузера уменьшается до определенного размера. Также не может ориентироваться через css, поскольку график svg и создает группы, на которые мы не можем ориентироваться. напр. svg g {...

Вот моя попытка скрыть и показать легенду с помощью функции c3 legend.hide (); Эта попытка работает при первой загрузке (удалить функцию изменения размера), но я хочу, чтобы она была динамической, поэтому, если размер браузера изменяется вручную, скрыть / показать легенду в зависимости от правил.

$(window).resize(function() {
  if ($(window).width() < 650) {
    chart.legend.hide();
      console.log('plz hide!');
    } else {
      chart.legend.show();
    }
 });

Answer 1

Попробуйте использовать свойство onresize:

var chart = c3.generate({
    bindto: d3.select('.chart'),
    onresize: function () {
      //your code to change labels here
    },
    data: {
     ...
    }
});

Вы также можете проверить документы c3.js здесь