美文网首页
v-charts使用图表

v-charts使用图表

作者: 七號7777 | 来源:发表于2020-03-23 09:20 被阅读0次

    v-charts是基于 Vue2.0 和 echarts 封装的 v-charts 图表组件,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻松生成常见的图表。

    官网: http://datav.jiaminghi.com/guide/

    安装方式(官方推荐):
    npm i v-charts echarts -S
    有可能在引入的时候总是报错,换了下面这个指令就可以了
    npm install v-echarts echarts --save

    全局引入

    // main.js
    import Vue from 'vue'
    import VCharts from 'v-charts'
    import App from './App.vue'
     
    Vue.use(VCharts)
     
    new Vue({
      el: '#app',
      render: h => h(App)
    })
    

    按需引入

    import Vue from 'vue'
    import VeLine from 'v-charts/lib/line'
    import App from './App.vue'
     
    Vue.component(VeLine.name, VeLine)
     
    new Vue({
      el: '#app',
      render: h => h(App)
    })
    

    相关文章

      网友评论

          本文标题:v-charts使用图表

          本文链接:https://www.haomeiwen.com/subject/ugdiyhtx.html