How to add Chart js to Quasar project and use it ?

[amirsafaricg]

How can I use chartjs in quasar project without any error's and issue's ?
I installed it like a normal vue project but it didn't work
does anyone know how to set it up?

[pikil]

<template>
   <canvas ref="chartPie" class="full-width full-height" />
</template>
<script>
import {
  Chart,
  PieController
} from 'chart.js'

Chart.register(
  PieController
)


...

  setup () {
      new Chart(chartPie.value.getContext('2d'), {
        type: 'pie',
        data: {
          labels: ['Open', 'Completed', 'Doing'],
          datasets: [
            {
              data: [50, 30, 20]
            }
          ]
        }
      })
   }
</script>

That should be enough for jumpstart,
do not forget about const chartPie = ref(null)

[EwertonDutra]

It's not the chartJS 😄

But it worked well for me
vue3-apexcharts

To use very simple, especially in vue 3 😃 with Quasar 2

[EwertonDutra]

#10614