import React, { Component } from 'react';
import echarts from 'echarts/lib/echarts'; //必须
import 'echarts/lib/chart/candlestick'; // 引入K线图组件
// 引入提示框和title组件，图例
import 'echarts/lib/component/tooltip'; 
import 'echarts/lib/component/title'; 
import 'echarts/lib/component/legend'  

 class Kline extends Component {

    componentDidMount() {     //初始化渲染图表                                          

        let myChart = echarts.init(document.getElementById('main'));     

        let option = {    //指定图表的配置项和数据          

            title: { text: 'K 线图' },    

            tooltip : { trigger: 'axis', axisPointer :{ type :'shadow'}},     

            legend:{ data:[{name:'日K',icon:'circle'}]},      

            xAxis:{ data: ["Mon","Tue","Wed","Thu","Fri"] },     

            yAxis:{ type:'value', scale:true, boundaryGap:[0.01,0.01] },