你不知道的Echarts柱状图应用在React中

echarts 柱状图在React里面的运用:

正常的echarts 都是竖直型的，或者一个里边包含多个的。 这次做个不同的， y轴为坐标，x轴为值，左右都为正数展开。

（1）、引入相关的文件

import React, { Compoent } from 'react';
import { Spin } from 'antd';
import echarts from 'echarts';
import styles from './chart.less';

 （2）、定义一些参数等

const y2 = ['测试一', '测试二', '测试三', '测试四', '测试五'];
const le2 = ['星期一', '星期二', '星期三'];
const xLeft1Value = [-90, -100, -95, -100, -60];
const xLeft2Value = [-80, -90, -75, -98, -55];
const xRightValue = [8, 8, 9, 9, 10];

（3）、在render里面定义

<div id="situationChart" className={styles.situationChartMain}></div>

 （4）、componentDidMount里面

componentDidMount() {
    const myChart = echarts.init(docum