给个react-echarts得例子
时间: 2023-05-22 15:06:03 浏览: 103
当然可以,以下是一个使用React和ECharts组件的简单例子:
```jsx
import React from 'react';
import ReactEcharts from 'echarts-for-react';
const option = {
title: {
text: 'ECharts 入门示例',
subtext: '纯属虚构'
},
tooltip: {
trigger: 'axis'
},
legend: {
data:['销量']
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['周一','周二','周三','周四','周五','周六','周日']
},
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value} 元'
}
},
series: [
{
name:'销量',
type:'line',
data:[120, 132, 101, 134, 90, 230, 210]
}
]
};
const Example = () => {
return (
<ReactEcharts
option={option}
style={{height: '300px', width: '100%'}}
/>
);
};
export default Example;
```
希望这个例子能帮到你!
阅读全文