- 📊 支持13+图表类型(折线图/柱状图/饼图/雷达图等) - 🎨 内置Light/Dark双主题体系 - 📝 Markdown协议直接渲染图表 <!-- - 🌐 国际化多语言支持 --> - 🛠 完善的TypeScript类型定义
npm install @advt-gpt-chart/package- 📊 支持13+图表类型(折线图/柱状图/饼图/雷达图等)
- 🎨 内置Light/Dark双主题体系
- 📝 Markdown协议直接渲染图表
- 🛠 完善的TypeScript类型定义
``bash`
npm install @advt-gpt-chart/package
pnpm install @advt-gpt-chart/package
tsx
import { ConfigProvider, Line, GPTVis } from '@advt-gpt-chart/package';function App() {
const markdownContent =
\\vis-chart
{
"type": "pie",
"data": [
{ "category": "分类一", "value": 27 },
{ "category": "分类二", "value": 25 },
{ "category": "分类三", "value": 18 },
{ "category": "分类四", "value": 15 },
{ "category": "分类五", "value": 10 },
{ "category": "其他", "value": 5 }
],
"nameField": "category",
"valField": "value"
}
\\\; return (
{/ 直接使用图表组件 /}
{/ 通过Markdown渲染 /}
{markdownContent}
);
}
``