使用一行 Vue 代码创建美观的 JavaScript 图表
使用一行 Vue 代码创建美观的 JavaScript 图表 支持 Chart.js、Google Charts 和 Highcharts
运行
npm install vue-chartkick chart.js最新版本支持 Vue 3。对于 Vue 2，请使用 0.6.1 版本和 此 README。 然后将其添加到您的应用中
import VueChartkick from 'vue-chartkick'
import 'chartkick/chart.js'
app.use(VueChartkick)这将使用 Chart.js 设置 Chartkick。对于其他图表库，请参阅 详细说明。
折线图
饼图
柱状图
柱状图
面积图表
散点图
地理图表 - Google Charts
时间轴 - Google 图表
多个系列
data = [
{name: 'Workout', data: {'2026-01-01': 3, '2026-01-02': 4}},
{name: 'Call parents', data: {'2026-01-01': 5, '2026-01-02': 3}}
];而且
数据可以是数组、对象、回调函数或 URL。
点之间的直线而不是曲线
暂无开放 Issues，或尚未同步最近议题。