这里使用echarts for react
npm i echarts --save
npm i echarts-for-react --save
代码如下:
import React from 'react';
import 'url-search-params-polyfill';
// import YearPicker from "./components/YearPicker"
import ReactEcharts from 'echarts-for-react';
import './App.css'
import { Row, Col, Button } from 'antd';
export default class App extends React.Component {
constructor(props) {
super(props);
this.state = {}
}
componentDidMount() {
}
getOption = () => {
var colors = ['#5793f3', '#d14a61', '#675bba'];
return {
color: colors,
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross'
}
},
grid: {
right: '20%'
},
toolbox: {
feature: {
dataView: {show: true, readOnly: false}