kr-vue-chart

It's a library of chart for vue build with echarts or d3.js .

安装

npm 安装

npm i kr-vue-chart -S

CDN

<!-- 引入样式 -->
<link rel="stylesheet" href="...">
<!-- 引入组件库 -->
<script src="..."></script>

快速开始

完整引入

import Vue from 'vue'
import krVueChart from 'kr-vue-chart'

Vue.use(krVueChart)

部分引入

import Vue from 'vue'
import {
  KrBar,
  KrHistogram
  // ...
} from 'kr-vue-chart'

Vue.component(KrBar.name, KrBar)
Vue.component(KrHistogram.name, KrHistogram)

引入插件

注：完整引入了kr-vue-chart，则无需再注册插件

import Vue from 'vue';
import { 
  // ...
} from 'kr-vue-chart';

Vue.prototype.*** = ***

贡献代码

修改代码请阅读 开发指南， 使用过程中发现任何问题都可以提 Issue 给我。当然，我也非常欢迎你给我发 PR。

开源协议

本项目基于 MIT 协议，请自由地享受和参与开源。

特别感谢

该组件库部分灵感来自于 v-charts 和 echarts，这里感谢 36Kr前端团队 对开源项目的贡献，手动点波赞 👍