echarts做出来以后，整个图都变杂乱了是什么原因？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">

</head>
<body>

    <div id="main" style="height:500px;border:1px solid #ccc;padding:10px;"></div>

</body>
    <script src="../../resources/njs/echarts-plain.js"></script>
<script type="text/javascript">
    var myChart = echarts.init(document.getElementById('main'));
    myChart.setOption({
        tooltip : {
            trigger: 'axis'
        },
        toolbox: {
            show : true,
            feature : {
                 : {show: true},
                dataZoom : {show: true},
                dataView : {show: true},
                magicType : {show: true, type: ['line', 'bar']},
                restore : {show: true},
                saveAsImage : {show: true}
            }
        },
        calculable : true,
        dataZoom : {
            show : true,
            realtime : true,
            //orient: 'vertical',   // 'horizontal'
            //x: 0,
            y: 36,
            //width: 400,
            height: 20,
            backgroundColor: 'rgba(221,160,221,0.5)',
            dataBackgroundColor: 'rgba(138,43,226,0.5)',
            fillerColor: 'rgba(38,143,26,0.6)',
            handleColor: 'rgba(128,43,16,0.8)',
            //xAxisIndex:[],
            //yAxisIndex:[],
            start : 40,
            end : 60
        },
        xAxis : [
            {
                type : 'category',
                boundaryGap : false,
                data : function(){
                    var datelist = [];
                    var val1="2014-1-3";
                    var val2="2014-3-13";
                    var getdate = function (str) {
                        var tempdate = new Date();
                        var list = str.split("-");
                        tempdate.setFullYear(list[0]);
                        tempdate.setMonth(list[1] - 1);
                        tempdate.setDate(list[2]);
                        return tempdate;                    }
                    var date1 = getdate(val1);
                    var date2 = getdate(val2);
                    if(date1>date2){
                        var temp = date1;
                        date1 = date2;
                        date2 = temp;
                    }
                    date1.setDate(date1.getDate() + 1);
                    while(!(date1.getFullYear()==date2.getFullYear()&&date1.getMonth()==date2.getMonth()&&date1.getDate()==date2.getDate())){
                        var sdate = date1.toLocaleDateString();
                        date1.setDate(date1.getDate() + 1);
                        datelist.push(sdate);
                    }
                    return datelist;
                }()
            }
        ],
        yAxis : [
            {
                type : 'value',
                splitArea : {show : true}
            }
        ],
        series : [
            {
                name:'dz',
                type:'line',
                data:function(){
                    var list = [];
                    for (var i = 1; i <= 150; i++) {
                        list.push(Math.round(Math.random()* 30));
                    }
                    return list;
                }()
            }
        ],
        calculable:false
    }); </script>
</html>

var fileLocation ='../../js/echars/js/echarts';
require.config({
    paths:{
          echarts: fileLocation,
           'echarts/chart/line': fileLocation,
           'echarts/chart/bar': fileLocation,
           'echarts/chart/pie': fileLocation
    }
});
// 作为入口
require(
    [
        'echarts',
        'echarts/chart/line',
        'echarts/chart/bar'
    ],
displayChart
);

echart 1.4.1
chrome 35.0.1916.153
firefox 30.0
运行正常

调试易

echarts做出来以后，整个图都变杂乱了是什么原因？

解决方案 »