import React, { Component } from 'react';
import echarts from 'echarts/lib/echarts';


/**
 * 总体消防安全情况
 */

const option = {
  xAxis: {
    type: 'category',
    boundaryGap: false,
    data: ['03-15', '03-16', '03-17', '03-18', '03-19', '03-20'],
    axisLabel: {

      textStyle: {
        color: 'rgba(255,255,255,1)',
        fontSize: '14',
        fontFamiliy: "SourceHanSansCN-Medium,SourceHanSansCN"


      },
    }

  },
  yAxis: {
    type: 'value',
    splitLine: { show: false },//去除网格线
    axisLine: {
      lineStyle: {
        color: '#2A5D75',
      }
    },
    //  改变y轴字体颜色和大小
    axisLabel: {
      textStyle: {
        color: 'rgba(255,255,255,1)',
        fontSize: '14',
        fontFamiliy: "SourceHanSansCN-Medium,SourceHanSansCN"


      },
    },

  },

  series: [{
    data: [0, 40, 80, 100, 85, 70, 85, 80],
    type: 'line',
    smooth: true,  //这个是把线变成
    itemStyle: {
      normal: {
        color: "#FF7400", //折线点的颜色
        lineStyle: {
          width: 3,//折线宽度
          color: "#DDBF28"//折线颜色
        }
      }
    },
    areaStyle: {
      normal: {
        //颜色渐变函数 前四个参数分别表示四个位置依次为左、下、右、上
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{

          offset: 0,
          color: '#00ADFF'
        }, {
          offset: 0.5,
          color: '#DDBF28'
        }, {
          offset: 1,
          color: '#FF7400'
        }])

      }

    }
  }]
};


class AllSafety extends Component {

  constructor(props) {
    super(props);
    this.state = {
      data: {}
    };
  }

  componentDidMount() {
   
  }



 
 

  render() {
  
    return (
      <div className="AllSafety">
         
        
        <div className="all-safety-content">
          <div className="all-safety-font">总体消防安全情况</div>
        </div>
        {/* <ReactEcharts option={this.getOptionsx(map)} className='echart-week' /> */}

      </div>
    );
  }
}


AllSafety.propTypes = {

};

export default AllSafety;
