Chart data and options can't be dynamic updated

Saigesp / vue-d3-charts

D3 charts for Vue

https://saigesp.github.io/vue-d3-charts/

GNU Lesser General Public License v2.1

97 stars 30 forks source link

Chart data and options can't be dynamic updated #25

Open maurodx opened 3 years ago

maurodx commented 3 years ago

I'm trying to generate barchart from a json axios response. I've called axios during mounted() hook but chart is not generated. SVG contains some elements but it's width is 0px.

I've changed chart_data and chart_options elements inside axios response promise.

Saigesp commented 3 years ago

Hi @maurodx, thanks for the report, and sorry for my late response.

The charts need the wrapper element to have a preset space to calculate the position of the bars/dots. Try forcing the container space with style="width: 100%" or similar.