Vue Chartkick是一个轻量级的Vue.js组件，用于使用Chart.js，Google Charts和Highcharts创建漂亮的图表  。

变更日志：

2020年7月25日

• v0.6.1：添加了代码选项

2020年6月20日

• v0.6.0

支持的图表类型：

• 折线图
• 饼形图
• 柱形图
• 条形图
• 面积图
• 散点图
• 地理图
• 时间线
• 和更多

安装和下载：

npm install chartkick vue-chartkick --save

图表

折线图

<line-chart :data="{'2017-01-01': 11, '2017-01-02': 6}"></line-chart>

饼形图

<pie-chart :data="[['Blueberry', 44], ['Strawberry', 23]]"></pie-chart>

柱形图

<column-chart :data="[['Sun', 32], ['Mon', 46], ['Tue', 28]]"></column-chart>

条形图

<bar-chart :data="[['Work', 32], ['Play', 1492]]"></bar-chart>

面积图

<area-chart :data="{'2017-01-01': 11, '2017-01-02': 6}"></area-chart>

散点图

<scatter-chart :data="[[174.0, 80.0], [176.5, 82.3]]" xtitle="Size" ytitle="Population"></scatter-chart>

地理图表-Google图表

<geo-chart :data="[['United States', 44], ['Germany', 23], ['Brazil', 22]]"></geo-chart>

时间轴-Google图表

<timeline :data="[['Washington', '1789-04-29', '1797-03-03'], ['Adams', '1797-03-03', '1801-03-03']]"></timeline>