Блог

Я пытался с сайта c3, но это не работает, это мой код

в шаблоне

 <vue-c3 :handler="handler"></vue-c3>
 

затем в скрипте

 <script>
import VueC3 from 'vue-c3'

export default {
  name: 'Dashboard',
  props: ['handler'],
  components:{ VueC3 },
  data() { 
    return {

    }
  },
  methods: {
    initChart(){
      const options = {
        data: {
          columns: [
            ['data1', 2, 4, 1, 5, 2, 1],
            ['data2', 7, 2, 4, 6, 10, 1]
          ],
        },
      }
      this.handler.$emit('init', options)
    }
  },
  mounted() {
    this.initChart();
  }
};
</script>
 

диаграмма не отображается, что не так?

Ты промахнулся

 data () {
  return {
    handler: new Vue()
  }
} 

из документации https://github.com/chryb/vue-c3

Я не знаю, решает ли это вашу проблему, но мы получаем vue-c3, работающий с очень специфической настройкой зависимостей:

"c3": "0.7.11"

Vue-c3 некоторое время не обновлялся, но сам c3 снова находится в активной разработке.