Skip to content

Components information ​

List of all components ​

  • BarChart
  • DoughnutChart
  • LineChart
  • PieChart
  • PolarAreaChart
  • RadarChart
  • BubbleChart
  • ScatterChart

All components props ​

PropTypeDefault
'chartData'ChartJs.ChartData
'options'ChartJs.ChartOptions
'plugins'ChartJs.Plugin[]
'cssClasses'string
'width'number400
'height'number400
'onChartRender'(chartInstance: Chart) => void
'onChartUpdate'(chartInstance: Chart) => void
'onChartDestroy'() => void
'onLabelsUpdate'() => void

Data accessible by reference ​

PropType
'chartInstance'Chart
'canvasRef'HtmlCanvasElement
'renderChart'() => void

Events emitted by all components ​

EventPayload
'chart:render'chartInstance: Chart
'chart:update'chartInstance: Chart
'chart:destroy'-
'labels:update'-

Released under the MIT License.

FREE WEEKEND
Get unlimited access to ALL Vue School courses
Feb 28 - Mar 1 2026
Sign Up
Feb 28 - Mar 1 2026