hf-echarts-v2

安装

$ npm install hf-echarts-v2

引入

完整引入

import Vue from 'vue';
import HfEcharts from 'hf-echarts-v2';

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

按需引入

import Vue from 'vue';
import { Bar } from 'hf-echarts-v2';

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>