CandleStick Chart vue-echarts не отображается при перезагрузке страницы в vuejs

Я интегрирую свечную диаграмму с помощью библиотеки vue-echarts в свой проект vuejs. В первый раз, когда я перенаправляю на страницу, она работает отлично, но когда я перезагружаю страницу, появляется ошибка.

«Ошибка в смонтированном хуке:» TypeError: невозможно прочитать свойство get of undefined »

и диаграмма исчезнет. Пожалуйста, посмотрите код в приведенной ниже ссылке на песочницу кода. Мой проект реализован с помощью Vue CLI-3. Я не понимаю, что делаю неправильно.

Это следующие версии в моем проекте.

Версия Vue: 2.6.10 echarts: 4.2.1 vue-echarts: 4.0.3

Демо здесь Вот демонстрация моего кода CodeSandbox < / а>

Любая помощь будет оценена по достоинству. Спасибо!


javascript vue.js vuejs2 vue-cli-3 echarts
person Sukhpal Singh    schedule 30.08.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

После стольких попыток я наконец нашел решение. Мне не хватает некоторых компонентов, из-за которых диаграмма не работает. Пожалуйста, проверьте ссылку codeandbox. Я добавил недостающие компоненты: https://codesandbox.io/s/vue-template-2bmdv?fontsize=14

Надеюсь, это поможет и другим разработчикам. Спасибо!

person Sukhpal Singh    schedule 30.08.2019
comment
Можете ли вы обновить ссылку в песочнице? У меня такая же проблема, как и у вас. - person username_not_found; 27.03.2021