代码拉取完成，页面将自动刷新
Apache ECharts component for React（基于 React 的 Apache ECharts 组件）
npm install echarts @twp0217/react-echarts --save
import React from 'react';
import ECharts, { EChartsOption } from '@twp0217/react-echarts';
export default () => {
const option: EChartsOption = {
title: {
text: 'ECharts 入门示例',
},
tooltip: {},
legend: {
data: ['销量'],
},
xAxis: {
data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'],
},
yAxis: {},
series: [
{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20],
},
],
};
return <ECharts option={option} />;
};
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| echarts | echarts 模块 | ECharts | - |
| className | 类名 | string | - |
| style | 样式 | React.CSSProperties | - |
| option | 图表的配置项和数据 | EChartsCoreOption | - |
| theme | 应用的主题 | EChartsTheme | - |
| initOpts | 初始化附加参数 | EChartsInitOpts | - |
| setOptionOpts | 设置图表的配置项和数据附加参数 | EChartsSetOptionOpts | - |
| autoResize | 自适应图表 | boolean | false |
| loading | 是否显示加载动画 | boolean | - |
| loadingConfig | 加载动画配置 | EChartsLoadingConfig | - |
| onChartInit | 图表初始化时的回调 | (echartsInstance: EchartsInstance) => void | - |
| onEvents | 图表事件 | { [eventName: string]: (event: any) => void } | - |
参考
EChartsCoreProps，差异 API 如下：
| 名称 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| option | 图表的配置项和数据 | EChartsOption | - |
，谢谢。此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。