echarts图表（折线图、柱形图）

jsp：

<!-- ECharts单文件引入 -->
<script type="text/javascript" src="js/echarts-2.2.7/build/dist/echarts.js"></script>

<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="height:500px"></div>

============================================================================================

js：

var xData = null;
var yData = null;

// 路径配置
require.config({
    paths: {
        echarts: 'js/echarts-2.2.7/build/dist'
    }
});

//ajax请求数据
$.ajax({
    url: "/log/logon-visit!getVisitCount.do",
    async:false,
    data: {
           'orgname' : '',
           'username' : '',
           'startDate':'',
           'endDate':''
    },
    success: function(data){
       var _data = eval("(" + data + ")");
       if(_data.result == 'success') {
           xData = _data.xData;
           yData = _data.yData;

           barCharFn(xData, yData);
       }
    }
});

function barCharFn(xData, yData) {    
    // 使用
    require(
        [
            'echarts',
            'echarts/chart/line' // 使用柱状图就加载bar模块，按需加载
        ],
        function (ec) {
            // 基于准备好的dom，初始化echarts图表
            var myChart = ec.init(document.getElementById('main'));

            var option = {
                tooltip: {
                    show: true
                },
                legend: {
                    data:['访问量统计']
                },
                   dataZoom : {
                     show : true,
                     realtime : true
                 },
                xAxis : [
                    {
                        type : 'category',
                        data : xData
                    }
                ],
                yAxis : [
                    {
                        type : 'value'
                    }
                ],
                series : [
                    {
                        "name":"访问量",
                        "type":"line",
                        "data":yData
                    }
                ]
            };

            // 为echarts对象加载数据
            myChart.setOption(option);
        }
    );    
}

===================================================================================================================

从后端传到前端的数据格式：

{"result":"success","xData":["2016-06-01","2016-06-02","2016-06-03","2016-06-04","2016-06-06","2016-06-07"],"yData":["28","24","18","1","14","9"]}

===================================================================================================================

柱形图type是”bar”，折线图type是”line”