echarts-图表

1. 为ECharts准备一个具备大小（宽高）的Dom

<div id="content" style="height:280px;"></div>

2.js设置

//创建图表
  function initBarChar(data){
   //自定义数据 

    var xArray=[];
    var series=[
          {name:'表数量', type:'bar',data:tableArray},
          {name:'视图数量', type:'bar',data:viewArray},
          {name:'字段数量', type:'bar',data:columnArray}
    ];
    
    // 路径配置  
    require.config({  
        paths:{   
            'echarts' : 'js/echarts',  
            'echarts/chart/bar' : 'js/echarts'  
       }  
    }); 

    // 使用  
    require(  
       [  
         'echarts',  
         'echarts/chart/bar' // 使用柱状图就加载bar模块，按需加载  
       ],  
       function (ec) {  
          // 基于准备好的dom，初始化echarts图表  
          var myChart = ec.init(document.getElementById('line1'));   
          var option={
                tooltip : {
                    trigger: 'axis'
                },
                legend: {
                    data:['表数量','视图数量','字段数量']  
                },
                dataZoom : {
                    show : true,
                    reltime: false,
                    start: 0,
                    end: 100
                },
                toolbox: {
                    show : true,
                    feature : {
                        restore : {show: true}
                    }
                },
                calculable : true,
                xAxis : [
                    {
                        type : 'category',
                        data : xArray,
                        axisLabel:{
                            rotate:0
                        }
                    }
                ],
                yAxis : [
                    {
                        type : 'value',
                        splitArea : {show : true}
                    }
                ],
                series :series
          };
          // 为echarts对象加载数据   
          myChart.setOption(option);   
       }  
    );  
 }