如何在vue js中使用c3?

bvk5enib  于 2023-05-18  发布在  Vue.js
关注(0)|答案(2)|浏览(123)

我一直在尝试从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>

图表未呈现,有什么问题?

pxy2qtax

pxy2qtax1#

你没打中

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

来自文档https://github.com/chryb/vue-c3

0x6upsns

0x6upsns2#

我不知道这是否解决了你的问题,但我们让vue-c3使用了一个非常具体的依赖设置:
"c3": "0.7.11"
Vue-c3已经有一段时间没有更新了,但c3本身又在积极开发中。

相关问题