@chatwoot/viz (英语)
用于Vue 3.5+的小型,响应性的图表组件. 为 Chatwoot 所建,可访问的交互,丰富的 HTML 工具提示,没有运行时间图依赖性.
安装
pnpm add @chatwoot/viz
导入样式表一次, 然后导入所需的图表 :
import '@chatwoot/viz/style.css'
<script setup>
import { LineChart } from '@chatwoot/viz'
const data = {
categories: ['Week 1', 'Week 2', 'Week 3'],
series: [{ id: 'resolved', label: 'Resolved', data: [12, 29, 23] }],
}
</script>
<template>
<LineChart :data="data" aria-label="Resolved conversations by week" />
</template>
文档
代理技能
安装 chatwoot-viz 技能 教授一个
兼容编码代理如何选择、配置、主题和测试这些图表 :
npx skills add chatwoot/viz --skill chatwoot-viz
游戏场
pnpm install
pnpm dev
打开 / 用于图表画廊或 /bar, (中文(简体) ), /donut, (中文(简体) ), /heatmap, (中文(简体) ), /line, (中文(简体) ), /percentage,以及 /sankey 可编辑的故事.