axiosで取得したデータをvue-chartjsで描画したい

Question

お世話になっております。

実現したいこと

vue-chartjsを使って、axiosで取得したデータをグラフで描画したいと思っています。
0. axiosでバックのRails APIを叩いて、データを取得する。
0. 取得したデータをvue-chartjsのdataプロパティに渡す
0. vue-charjsで描画する

大まかな流れはこのような感じです。

詰まっているところ

上の流れにおいて、1はできているんですが、2のやり方が分からない状態です。
APIを叩いて、vue-chartjsでデータを描画するというようなサンプルがネット上になかなか存在せず、苦戦しています。ご教授のほど、宜しくお願い致します。

コードは以下のような形です。

<template>
  <MainChart class="chart" :chartData="dataContents"/>
</template>

<script>
  import axios from 'axios'
  import MainChart from '../bar-chart.js';
  export default {
    data () {
      return {
        dataContents: null
      }
    },
    created() {
      this.fillData()
    },
    methods: {
      fillData() {
        this.dataContents= {
          labels:['January', 'February', 'March'],
          datasets: [
            {
              label: 'Data reactive',
              backgroundColor: '#f8b979',
              data: this.setSample()
            }
          ]
        }
      },
      setSample () {
        //var arry = [79.5, 80, 85];
        //return arry;
        axios.get('http://localhost:3000/api/training_record/')
        .then(function (response) {
          var records = response.data.training_record.record
          var weight1 = records[0].event[0].set[0].weight
          console.log(weight1)
          return weight1
        })
      }
    },
    components: {
      MainChart,
    }
  }
</script>

import { Bar } from 'vue-chartjs'
export default {
  extends: Bar,
  props: ['chartData', 'options'],
  mounted () {
    this.renderChart(this.chartData, this.options)
  }
}

Answer 1

自己解決しました。
回答を得られなかったので、やはり、かなりマイナーなことをしようとしてたんでしょうか僕は...