Charts

You can add nice charts! We are using vue-chartjs.

<va-chart :data="chartData" type="vertical-bar"/>

<script>
// default common options
export default {
  data () {
    return {
      chartData: getLineChartData(this.$themes),
    }
  },
}
</script>

Props

• data - Object - set of your data to display: more data examples
• options - Object - options of your chart: more options
• type - String - type of chart. vuestic-chart supports different types of charts: vertical-bar, horizontal-bar, line, pie, donut and bubble.

Reactive data

• if you want chart data to be reactive, you have to reassign it from parent via Object.assign.
• Watcher is not deep.

For more information and customization see vue-chartjs docs!
Find DEMOs here!