или: $refs.pip.show() $refs.pip.hide() Но не v-if 'ом прятать и показывать

знает ли кто-то в чем может быть причина, что vue-chartjs не отображает график, когда берет данные из Vuex? я предполагаю, что он пытается его рендерить раньше, чем данные появляются в state

на это как-то можно повлиять?

график нормально отображается, если прописать данные вручную в state,

Чтобы он перерисосывался при нажатии

у вас что-то не так. уберите костыль и по ищите причину )

знает ли кто-то в чем может быть причина, что vue-chartjs не отображает график, когда берет данные из Vuex? я предполагаю, что он пытается его рендерить раньше, чем данные появляются в state

очень частые грабли. чарт отображать на success

точнее, чарт запускать только после того, как пришли данные, в success'е

success это Vuex ведь имеется в виду?

вы чарт чем кормите?

результатом http запроса?

не совсем

откуда данные берете?

у меня подтягиваются только date и labels

остальное для графика написано в самом компоненте

откуда подтягиваются?

через запрос

вот. http запрос, значит

наверное, я не совсем понял сначала

хорошо. вы новичок. тогда слушайте

...

компоненты уже есть на странице. данные приходят откуда-то. Она должны быть запрошены. Я у яваскрипта есть свойство выполнятся асинхронно. Запросы (http, это get, post) относятся к ним. Чтобы поймать момент прихода данных, и только потом запустить компонент на отрисовку, надо описать метод success в большинстве случаев. Например, есть jquery.. Там post запрос делается следующим образом: $.ajax({ method:'POST', data:{}, success(json){ me.отрисовать_мой_компонент(json)// в этот момент пришли данные. },error(e){//а тут обраобтчик ошибок} }) а axios'а чуть по другому. Вам надо непременно почитать об этом.

через запрос

покажите код, который делает запрос?

покажите, как берувтся данные?

вот в этом куске кода, сразу после this.$store.dispatch(... допишите следующей строкой про renderChart

вот этот метод запроса как раз таки который "немного другой"

Ребят, подскажите бестпрактик для организации некоторого канвас модуля, методы которого вызывается в разных компонентах и vuex сторе. Все что мне приходит на ум это сделать его глобальным, что как то так себе. 🤔

вот в этом куске кода, сразу после this.$store.dispatch(... допишите следующей строкой про renderChart

я переписал, но чарт все равно не отображается

хоть и данные есть в state

хоть и данные есть в state

на момент проверки - данные есть. На момент когда чарт должен отрисоваться - их нет

на момент проверки - данные есть. На момент когда чарт должен отрисоваться - их нет

наверное так но как мне сделать так, чтобы они были до того, как чарт отрисуется?

я же тебе сказал. 1. скопируй полностью строку начинающуюся на... this.renderChart(блаблабла... 2. Удали её от туда

а потом

вот сюда вставьскопированную строку ниже строки начинающейся на this.$store.dispatch(///

понятно теперь?

дддяяяя

так и говорю, что не отображается все равно

аа, стоп

найди метод fillChart

он должен быть в модуле user.js

так fillChart это просто action

там должно быть что-то типа: ... fillChart ({commit}, data) {... ...

вот туда нужно передать вызыватель чарта в виде колбек функции

внутри акшны же делается запрос?

так, а this.chartData когда и кем значием присваивается? Туда надо присвоить результат запроса?

если да, то вместо this.chartData надо передать response.data

@lowwave, надеюсь получилось. я спать. Спокойной ночи!

дайте красивый аналог пастебина

хочется чето модное

gist?

и не гитхаб

хочется чето крутое и с крутой подсветкой

темной какой какой-нить

codepen

codepen

не, чтоб можно просто было кинуть

jsfiddle?

чушь написал

блин, ща если вспомню

https://codesandbox.io/

такое есть

https://codesandbox.io/

о, этот тоже красивый

да лол это не gist/pastebin

это целая среда исполнения

мне такое не нужно

мне такое не нужно

https://i.imgur.com/k4M9iJq.png

https://i.imgur.com/iXmpTb0.png

:D

rip

https://paste.laravel.io/

вроде прикольно

чет не вижу подсветки синтаксиса

чет не вижу подсветки синтаксиса

сохрани

сохрани

вах)

Может кто-нибудь объяснить, что такое стейт или состояние? В контексте js фреймворков, что значит этот термин?

Может кто-нибудь объяснить, что такое стейт или состояние? В контексте js фреймворков, что значит этот термин?

в контексте этого фреймворка - это переменная в vuex

Ага... Видимо, настало время учить экосистему)

Спасибо

Ага... Видимо, настало время учить экосистему)

на самом деле, в доках очень доходчиво написано на эту тему) Грубо говоря, это data инстанса или компонента, которую можно достать везде https://ru.vuejs.org/v2/guide/state-management.html