Реализовать интерактивные и динамически отображаемые линейные диаграммы D3 для Vue.js приложение

#vue.js #d3.js #vuejs2

#vue.js #d3.js #vuejs2

Вопрос:

Я только что закончил d3-версию своего приложения, и теперь я хочу внедрить его в Vue.js приложение. Теперь я перешел к проблеме, Vue не нравится, когда D3 что-то меняет в DOM.

Вот код в jsfiddle

Я думаю, что у Vue есть проблема с .select("#" name)

Важно знать; Мои div создаются динамически в зависимости от объема данных, которые получает компонент. В примере jsfiddle есть три диаграммы, но их может быть больше или меньше. Когда вы смотрите на код, вы можете видеть, что он написан для работы с динамическими данными. Если вам нужен код воспроизведения D3, просто дайте мне знать.

Как я могу заставить это работать вместе?

Комментарии:

1. Вы когда-нибудь получали эту ошибку в скрипке? Можете ли вы указать шаги для воспроизведения ошибки?

2. Я думаю, что это больше похоже на vue. Vue не хочет, чтобы другая библиотека вносила изменения в DOM. Есть ли какой-либо способ обойти D3, манипулирующий DOM?