Echarts在线免费图表

 
            option = {
    tooltip : {
        trigger: 'axis',
     /*  position: function (pos, params, dom, rect, size) {

            var obj = {top: pos[1]};
     obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 5;
           return obj;

}*/
 position: function (pos, params, dom, rect, size) {
                    console.log(params);
                   /* var sHtml = '';
                    var _tempHtml = '';
                    for(var i=0;i<params.length;i++){
                        var sName = params[i].name<10 ? '0' + params[i].name : params[i].name;
                        var iVal = params[i].value==0 ? '--' : params[i].value;
                        var sSeriesName = params[i].seriesName;

                        _tempHtml += '<p><span class="pull-left">'+ sSeriesName +'</span><span class="pull-right">'+ iVal +'</span></p>'
                    }
                    sHtml = '<div class="echartsTooltipsWarp-head"><span class="pull-left">'+ sName +':00 - '+ sName +':59 ' +'</span><span class="pull-right">'+ option.title.text +'</span></div><div class="echartsTooltipsWarp-body">'+ _tempHtml +'</div>';
                    */
                    sHtml = "<div>"+params[0].name+"</div><div>"+params[0].value+"</div>"
                    
                    $(dom).html(sHtml);// 通过对dom的控制，实现数据结构与样式的自定义
                }
    },
    title: {
        text: 'Awesome Chart'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    yAxis: {},
    series: [{
        type: 'line',
        data:[220, 182, 191, 234, 290, 330, 310]
    }]
};