[Vuejs]-Why ChartJs is not working in IE

by

2👍

✅

That is because, there is one ES6 syntax is being used to define object method in your component, at this line :

mounted () {

… and ES6 syntaxes are not supported in Internet Explorer yet.

Instead, you would have to use ES5 syntax all over your component/app, if you wish to support IE :

Vue.component('line-chart', {
   extends: VueChartJs.Line,
   mounted: function() {  //<- use this instead
      this.renderChart({
         labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
         datasets: [{
            label: 'Data One',
            backgroundColor: '#f87979',
            data: [40, 39, 10, 40, 39, 80, 40]
         }]
      }, {
         responsive: true,
         maintainAspectRatio: false
      })
   }
});

see a working example.

👤ɢʀᴜɴᴛ

Leave a comment