原因：

　　ant design本省提供图标组件，是基于  ，但是使用有些限制比如：TimelineChart带有时间轴的图表。使用 TimelineChart 组件可以实现带有时间轴的柱状图展现，而其中的 x 属性，则是时间值的指向，默认最多支持同时展现两个指标，分别是 y1 和 y2。

　　想要展示多于两个K线则不能实现。

一、安装

　　npm install echarts --save

　　实例地址：http://echarts.baidu.com/examples/

二、使用：　　

import React, { Component } from 'react';// 引入 ECharts 主模块import echarts from 'echarts/lib/echarts';// 引入柱状图import  'echarts/lib/chart/bar';// 引入提示框和标题组件import 'echarts/lib/component/tooltip';import 'echarts/lib/component/title';class EchartsTest extends Component {    componentDidMount() {        // 基于准备好的dom，初始化echarts实例        var myChart = echarts.init(document.getElementById('main'));        // 绘制图表        myChart.setOption({            title: { text: 'ECharts 入门示例' },            tooltip: {},            xAxis: {                data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]            },            yAxis: {},            series: [{                name: '销量',                type: 'bar',                data: [5, 20, 36, 10, 10, 20]            }]        });    }    render() {        return (            
     
        );    }}export default EchartsTest;