2018-08-22

1:在初次安装的时候,用的是官方推荐

npm i v-charts echarts -S
但是在引入的时候总是报错,换了下面这个指令就可以了,
npm install v-echarts echarts --save

2:可以按需引入或者全局引入

全局引入:

// 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)})

3:数据

v-charts数据主要由两部分组成,指标和纬度

纬度类似我们X轴的参数,指标就是我们当前纬度我们需要展示的数据,所以注意我们的数据结构,简单的结构如下,

            [图片上传失败...(image-9f6f7-1534904080786)]

[图片上传失败...(image-ef4475-1534904080786)]

其他的文档上面很详细,主演是数据的组装和更换

参考:
https://blog.csdn.net/weixin_39568103/article/details/80507323

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容