一、组件介绍

@visactor/openinula-vchart 是由VisActor提供的 Openinula 封装版本 VChart 图表库。它提供了一系列易于使用的 Openinula 组件，用于方便的在 Openinula 开发环境中创建各种类型的图表，包括折线图、柱状图、饼图等。@visactor/openinula-vchart 的组件具有高度的可定制性和可扩展性，可以通过传递不同的参数和配置来实现不同的图表效果。

二、组件概览

**openinula-vchart **提供两种组件风格：

**统一入口组件，**如：<VChart ``/> 和<VChartSimple />
语义化图表组件，包括：
图表，如：<LineChart ``/``> <BarChart ``/``>等
系列，如<Line /> <Bar />等
控件，如<legend /> <Axes />等

特性	<VChart ``/>	`<VChartSimple />`	语义化组件
配置方式	完整spec	完整spec, 但仅支持部分图表	组件化声明
扩展性	高	高	中等
开发体验	配置驱动	配置驱动	声明式开发

# 三、使用示例

统一入口模式

import { VChart } from '@visactor/openinula-vchart';

const spec = {
  type: 'bar',
  data: [{ values: [...] }]
};

export default () => <VChart spec={spec} />;

声明式模式

import { LineChart, Line, Axis, Legend } from '@visactor/openinula-vchart';

export default () => (
  <LineChart data={[...]}>
    <Line xField="date" yField="value" />
    <Axis orient="bottom" />
    <Legend position="top" />
  </LineChart>
);

本文档由以下人员修正整理

一、 组件介绍

二**、组件概览**

统一入口模式

声明式模式

本文档由以下人员修正整理

一、组件介绍

二、组件概览