echarts3 使用timelineECharts Gallery

20:11:45图表已生成
代码
var json={
	"title": "",
	"legend": [],
	"x_coordinate_name": "",
	"y_coordinate_name": "",
	"series": [
	313,
	173,885,999,998,435,748,568,287,738,851,607,908,751,629,486,294,273,676,992,732,248,487,177,999,497,356,748,416,222,993,364,349,398,906,295,
	518,302,161,146,607,574,973,641,801,360,125,226,404,823,958,425,738,700,334,488,260,664,421,995,783,434,824,882,725,985,817,669,783,442,745,387,
	439,753,668,961,232,467,957,737,708,943,181,105,794,814,814,254,958,148,174,674,934,437,206,214,199,796,154,791,652,530,138,536,121,984,661,688,
	309,475,739,476,200,292,788,847,262,191,354,459,686,456,930,534,177,702,462,491,708,895,313,407,683,311,699,729,598,130,716,465,370,
	249,904,991,645,846,103,167,259,547,317,756,418,373,591,530,189,420,472,471,314,785,547,196,599,600,587,754,926,164,192,128,915,
	734,543,791,546,558,842,353,345,527,687,143,325,928,616,299,858,919,524,313,780,288,496,958,599,909,367,841,505,447,624,192,465,
	277,357,239,127,739,255,568,838,645,486,560,321,689,616,767,858,304,983,288,969,734,234,321,181,893,833,877,628,327,426,875,744,184,550,373
	],
	"xAxis": ["名称0","名称1","名称2","名称3","名称4","名称5","名称6","名称7","名称8","名称9","名称10","名称11","名称12","名称13","名称14","名称15","名称16","名称17","名称18","名称19","名称20","名称21","名称22","名称23","名称24","名称25","名称26","名称27","名称28","名称29","名称30","名称31","名称32","名称33","名称34","名称35","名称36","名称37","名称38","名称39","名称40","名称41","名称42","名称43","名称44","名称45","名称46","名称47",
	"名称48","名称49","名称50","名称51","名称52","名称53","名称54","名称55","名称56","名称57","名称58","名称59",
	"名称60","名称61","名称62","名称63","名称64","名称65","名称66","名称67","名称68","名称69","名称70","名称71",
	"名称72","名称73","名称74","名称75","名称76","名称77","名称78","名称79","名称80","名称81","名称82","名称83",
	"名称84","名称85","名称86","名称87","名称88","名称89","名称90","名称91","名称92","名称93","名称94","名称95",
	"名称96","名称97","名称98","名称99","名称100","名称101","名称102","名称103","名称104","名称105","名称106",
	"名称107","名称108","名称109","名称110","名称111","名称112","名称113","名称114","名称115","名称116","名称117",
	"名称118","名称119","名称120","名称121","名称122","名称123","名称124","名称125","名称126","名称127","名称128","名称129","名称130","名称131",
	"名称132","名称133","名称134","名称135","名称136","名称137","名称138","名称139","名称140","名称141","名称142","名称143","名称144","名称145","名称146",
	"名称147","名称148","名称149","名称150","名称151","名称152","名称153","名称154","名称155","名称156","名称157","名称158","名称159","名称160","名称161","名称162","名称163","名称164","名称165","名称166","名称167",
    "名称168","名称169","名称170","名称171","名称172","名称173","名称174","名称175","名称176","名称177",
    "名称178","名称179","名称180","名称181","名称182","名称183","名称184","名称185","名称186","名称187","名称188",
	"名称189","名称190","名称191","名称192","名称193","名称194","名称195","名称196","名称197","名称198","名称199",
	"名称200","名称201","名称202","名称203","名称204","名称205","名称206","名称207","名称208","名称209","名称210",
	"名称211","名称212","名称213","名称214","名称215","名称216","名称217","名称218","名称219","名称220","名称221",
	"名称222","名称223","名称224","名称225","名称226","名称227","名称228","名称229","名称230","名称231","名称232",
	"名称233","名称234","名称235","名称236","名称237","名称238","名称239"
	]
}

var eachPage = 60;//一页多少条数据
var pageConts = Math.ceil(json.series.length / eachPage);
var pageArr = [];
for(var i = 0; i < pageConts; i++){
	pageArr.push(i+1);
}
var option = {
    baseOption: {
    	animationDurationUpdate: 1000,
		animationEasingUpdate: 'quinticInOut',
        timeline: {
            axisType: 'category',
            notMerge : true,
            autoPlay: true,
            playInterval: 3000,
             controlStyle: {
                 position: 'left'
             },
            data: pageArr,
            label: {
                formatter : function(s) {
                    return '第' + s + '页';
                }
            }
        },
        title: {
            subtext: '数据来自国家统计局'
        },
        tooltip: {
        },
        legend: {
            x: 'right',
            data: ['GDP'],
        },
        calculable : true, 
        addDataAnimation : true,
        animationEasing : 'BounceOut',
        grid: {
            top: 80,
            bottom: 180,
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'shadow',
                    label: {
                        show: true,
                        formatter: function (params) {
                            return params.value.replace('\n', '');
                        }
                    }
                }
            }
        },
        xAxis: [
            {
                'type':'category',
                'axisLabel':{'interval':0},
                splitLine: {show: false}
            }
        ],
        yAxis: [
            {
                type: 'value',
                name: 'GDP（亿元）'
            }
        ],
        series: [
            {name: 'GDP', type: 'bar'},
        ]
    },
    options: function(){
    	var seriesDatas = [];
    	var pageTemp = pageArr.length; //几页
    	for(var i = 0 ; i < pageArr.length; i++){
    		var temp = {
	            xAxis: [{
	                        data: json.xAxis.slice(i * eachPage, i * eachPage + eachPage),
	                        axisLabel :{
				                formatter:function(val){
								    return val &&  val.split("").join("\n");
								}
				            },
	                    }],
	            series: [
	                {
	                	data: json.series.slice(i * eachPage, i * eachPage + eachPage),
	                	barWidth : 5,
	                },
	            ]
	        }
    		seriesDatas.push(temp);
    	}
    	return seriesDatas;
    }()
};
作品使用的第三方脚本

数据管理

历史数据 0 条

代码修改记录

信息提示

保存作品
