[Vuejs]-VueJS and dynamic reload ChartJS when screen resize

0👍

Have you consider using vue-charts? It’s google-chart wrapper for vue and it exports draw method and resizing on window size change is quite easy:

<template>
  <vue-chart
  :chart-type="chartType"
  :columns="columns"
  :chart-events="chartEvents"
  :rows="rowData"
  :options="options"
  v-ref:thisherechart
  ></vue-chart>
</template>

ready: function() {
    var self = this;
    jQuery(window).resize(function () {
      self.$refs.thisherechart.drawChart();
    })
  },

Same jQuery may help You with your problem.

👤lukpep

0👍

I fixed this part of the problem, look here for reference: https://github.com/chartjs/Chart.js/issues/2777#issuecomment-226219784

Leave a comment