custom-echarts

安装

vue版echarts图表组件库

$ npm install custom-echarts --save-dev

引入

完整引入

import Vue from 'vue';
import customEcharts from 'custom-echarts';

// 注册组件后即可使用
Vue.use(customEcharts);

按需引入

import Vue from 'vue';
import { Bar } from 'customEcharts';

Vue.use(Bar);

使用

一个栗子

<hf-bar :data="data" style="height: 300px;"></hf-bar>

<script>
export default {
  data() {
    return {
      data: [
        {
          name: 'A级门店',
          itemData: [
            { name: '福建', value: '211' },
            { name: '广州', value: '223' }
          ]
        }, {
          name: 'B级门店',
          itemData: [
            { name: '福建', value: '212' },
            { name: '广州', value: '145' }
          ]
        }, {
          name: 'C级门店',
          itemData: [
            { name: '福建', value: '112' },
            { name: '广州', value: '245' }
          ]
        }
      ]
    };
  }
}
</script>