bizcharts 的折线面积图
时间: 2023-11-20 22:59:06 浏览: 46
BizCharts 是一个基于 G2 和 React 的强大数据可视化库。如果你想要绘制折线面积图,可以使用 BizCharts 的 Line 和 Area 组件。下面是一个简单的示例代码:
```jsx
import React from 'react';
import { Chart, Line, Area } from 'bizcharts';
const data = [
{ year: '1991', value: 3 },
{ year: '1992', value: 4 },
{ year: '1993', value: 3.5 },
{ year: '1994', value: 5 },
{ year: '1995', value: 4.9 },
{ year: '1996', value: 6 },
{ year: '1997', value: 7 },
{ year: '1998', value: 9 },
{ year: '1999', value: 13 },
];
const LineAreaChart = () => {
return (
<Chart height={400} data={data} autoFit>
<Line position="year*value" />
<Area position="year*value" />
</Chart>
);
};
export default LineAreaChart;
```
这个示例代码会绘制一个折线面积图,数据源是一个包含年份和值的数组。你可以根据自己的需求修改数据源和样式。