变化曲线echarts 折线配置项内容和展示

      
var data = {"fibosdubaibp":[{"name":1538627633952,"value":[1538627633952,58]},{"name":1538631233952,"value":[1538631233952,49]},{"name":1538654573962,"value":[1538654573962,43]},{"name":1538728911524,"value":[1538728911524,42]},{"name":1538805683702,"value":[1538805683702,41]},{"name":1538810200319,"value":[1538810200319,42]},{"name":1538810212485,"value":[1538810212485,41]},{"name":1538916447440,"value":[1538916447440,40]},{"name":1538919755066,"value":[1538919755066,39]}],"fibosgoodman":[{"name":1538627633954,"value":[1538627633954,49]},{"name":1538631233954,"value":[1538631233954,50]},{"name":1538805683714,"value":[1538805683714,52]}],"bpacbpacbpac":[{"name":1538627633955,"value":[1538627633955,50]},{"name":1538631233955,"value":[1538631233955,51]},{"name":1538881173516,"value":[1538881173516,50]},{"name":1538929164198,"value":[1538929164198,51]}],"slowmistioio":[{"name":1538649498399,"value":[1538649498399,47]},{"name":1538653098399,"value":[1538653098399,44]},{"name":1538654573965,"value":[1538654573965,45]},{"name":1538668807262,"value":[1538668807262,48]},{"name":1538805683709,"value":[1538805683709,47]}],"fibosbpjdabh":[{"name":1538649498401,"value":[1538649498401,44]},{"name":1538653098401,"value":[1538653098401,45]},{"name":1538654573966,"value":[1538654573966,46]},{"name":1538668807255,"value":[1538668807255,45]},{"name":1538740233410,"value":[1538740233410,47]},{"name":1538805683708,"value":[1538805683708,46]},{"name":1538810943208,"value":[1538810943208,44]},{"name":1538841780286,"value":[1538841780286,43]},{"name":1538881173514,"value":[1538881173514,44]},{"name":1538929164196,"value":[1538929164196,45]}],"fibosbpfihdc":[{"name":1538649498403,"value":[1538649498403,45]},{"name":1538653098403,"value":[1538653098403,46]},{"name":1538654573967,"value":[1538654573967,47]},{"name":1538668807258,"value":[1538668807258,46]},{"name":1538740233408,"value":[1538740233408,45]},{"name":1538805683706,"value":[1538805683706,44]},{"name":1538810943210,"value":[1538810943210,45]},{"name":1538841780288,"value":[1538841780288,44]},{"name":1538881173515,"value":[1538881173515,45]},{"name":1538929164192,"value":[1538929164192,43]}],"fibosbphgbfa":[{"name":1538649498405,"value":[1538649498405,46]},{"name":1538653098405,"value":[1538653098405,47]},{"name":1538654573968,"value":[1538654573968,48]},{"name":1538668807260,"value":[1538668807260,47]},{"name":1538740233410,"value":[1538740233410,46]},{"name":1538805683707,"value":[1538805683707,45]},{"name":1538810943211,"value":[1538810943211,46]},{"name":1538841780290,"value":[1538841780290,45]},{"name":1538881173512,"value":[1538881173512,43]},{"name":1538929164195,"value":[1538929164195,44]}],"cnfibosbp111":[{"name":1538650973959,"value":[1538650973959,17]},{"name":1538654573959,"value":[1538654573959,16]},{"name":1538660958645,"value":[1538660958645,17]},{"name":1538728667110,"value":[1538728667110,16]}],"williamfouvy":[{"name":1538650973961,"value":[1538650973961,16]},{"name":1538654573961,"value":[1538654573961,17]},{"name":1538660958643,"value":[1538660958643,16]},{"name":1538728667112,"value":[1538728667112,17]}],"fibosiseosbp":[{"name":1538650973963,"value":[1538650973963,43]},{"name":1538654573963,"value":[1538654573963,44]},{"name":1538805683705,"value":[1538805683705,43]},{"name":1538841780291,"value":[1538841780291,46]}],"fiboshanghai":[{"name":1538650973969,"value":[1538650973969,48]},{"name":1538654573969,"value":[1538654573969,49]}],"singaporebps":[{"name":1538725188461,"value":[1538725188461,15]},{"name":1538728788461,"value":[1538728788461,14]}],"fibosshuaipc":[{"name":1538725188463,"value":[1538725188463,14]},{"name":1538728788463,"value":[1538728788463,15]}],"radoooooooon":[{"name":1538725311527,"value":[1538725311527,42]},{"name":1538728911527,"value":[1538728911527,43]},{"name":1538805683703,"value":[1538805683703,42]},{"name":1538810200316,"value":[1538810200316,41]},{"name":1538810212488,"value":[1538810212488,42]}],"fibosphoenix":[{"name":1538736633404,"value":[1538736633404,34]},{"name":1538740233404,"value":[1538740233404,33]}],"fibos4imondo":[{"name":1538736633407,"value":[1538736633407,33]},{"name":1538740233407,"value":[1538740233407,34]}],"foabugdate11":[{"name":1538802048160,"value":[1538802048160,38]},{"name":1538805648160,"value":[1538805648160,37]}],"fibosisfunoo":[{"name":1538802048163,"value":[1538802048163,39]},{"name":1538805648163,"value":[1538805648163,38]}],"goodvalueone":[{"name":1538802048165,"value":[1538802048165,37]},{"name":1538805648165,"value":[1538805648165,39]},{"name":1538805683710,"value":[1538805683710,48]}],"xghost554321":[{"name":1538802083698,"value":[1538802083698,40]},{"name":1538805683698,"value":[1538805683698,39]},{"name":1538919755069,"value":[1538919755069,40]}],"chinafibosbp":[{"name":1538802083700,"value":[1538802083700,41]},{"name":1538805683700,"value":[1538805683700,40]},{"name":1538916447442,"value":[1538916447442,41]}],"eosrussiaon1":[{"name":1538802083713,"value":[1538802083713,51]},{"name":1538805683713,"value":[1538805683713,50]},{"name":1538881173517,"value":[1538881173517,51]},{"name":1538929164198,"value":[1538929164198,50]}],"aprilfibosbp":[{"name":1538877342044,"value":[1538877342044,12]},{"name":1538880942044,"value":[1538880942044,11]}],"fibosrockskr":[{"name":1538877342046,"value":[1538877342046,11]},{"name":1538880942046,"value":[1538880942046,12]}],"eosteaeostea":[{"name":1538877377688,"value":[1538877377688,6]},{"name":1538880977688,"value":[1538880977688,5]},{"name":1538881173506,"value":[1538881173506,6]},{"name":1538896737711,"value":[1538896737711,7]}],"shaoshaoshao":[{"name":1538877377690,"value":[1538877377690,5]},{"name":1538880977690,"value":[1538880977690,6]},{"name":1538881173507,"value":[1538881173507,7]},{"name":1538896737711,"value":[1538896737711,8]}],"bitzebitze11":[{"name":1538877489581,"value":[1538877489581,10]},{"name":1538881089581,"value":[1538881089581,9]},{"name":1538881173504,"value":[1538881173504,5]},{"name":1538896737710,"value":[1538896737710,6]}],"fibscandotio":[{"name":1538877489583,"value":[1538877489583,9]},{"name":1538881089583,"value":[1538881089583,10]},{"name":1538882408083,"value":[1538882408083,9]},{"name":1538896737714,"value":[1538896737714,10]}],"fibosmoziben":[{"name":1538877573510,"value":[1538877573510,7]},{"name":1538881173510,"value":[1538881173510,8]},{"name":1538896737713,"value":[1538896737713,9]}],"liuqiangdong":[{"name":1538877573511,"value":[1538877573511,8]},{"name":1538881173511,"value":[1538881173511,9]},{"name":1538882408085,"value":[1538882408085,10]},{"name":1538896737707,"value":[1538896737707,5]},{"name":1538896807341,"value":[1538896807341,4]},{"name":1538896889724,"value":[1538896889724,3]}],"superbpusphl":[{"name":1538878808087,"value":[1538878808087,25]},{"name":1538882408087,"value":[1538882408087,24]}],"supercuteman":[{"name":1538878808088,"value":[1538878808088,24]},{"name":1538882408088,"value":[1538882408088,25]}],"universalbi1":[{"name":1538893207343,"value":[1538893207343,4]},{"name":1538896807343,"value":[1538896807343,5]}],"plasmatfibos":[{"name":1538893289727,"value":[1538893289727,3]},{"name":1538896889727,"value":[1538896889727,4]}],"ukfiboooooos":[{"name":1538973702439,"value":[1538973702439,32]},{"name":1538977302439,"value":[1538977302439,31]}],"thefiboscode":[{"name":1538973702442,"value":[1538973702442,31]},{"name":1538977302442,"value":[1538977302442,32]}]};

var sdata = [];
var legend = [];
for(var name in data){
    legend.push(name)
     sdata.push({
        name: name,
        data: data[name],
        type: 'line'
    });
}

function format(date, fmt) {
    var o = {
        "M+": date.getMonth() + 1, //月份 
        "d+": date.getDate(), //日 
        "h+": date.getHours(), //小时 
        "m+": date.getMinutes(), //分 
        "s+": date.getSeconds(), //秒 
        "q+": Math.floor((date.getMonth() + 3) / 3), //季度 
        "S": date.getMilliseconds() //毫秒 
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}

option = {
    tooltip: {
		trigger: 'axis',
		formatter: function(p) {
			var a = '';
			for (var i in p) {
				if (!a) a = format(new Date(p[i].name), 'MM-dd hh:mm');
				a = a + "<div><span style='width:10px;height:10px;margin-right:2px;display:inline-block;border-radius:50%;background:" + p[i].color + "'></span> " + p[i].seriesName + ' : ' + ((p[i].value instanceof Array)  ? p[i].value[1] : p[i].value)
				a = a + '</div>'
			}
			return a;
		}
	},
    legend: {
		data: legend
	},
	toolbox: {
		feature: {
			dataView: {
				readOnly: false
			},
			magicType: {
				type: ['line', 'bar']
			},
			restore: {},
			saveAsImage: {}
		}
	},
    xAxis: {
        type: 'time',
        interval: 12 *60 * 60 * 1000,
        axisLabel: {
                textStyle: {
                    color: '#333'
                },
                formatter: function(value) {
                    return format(new Date(value), 'MM-dd hh:mm')
                }
            },
         axisTick: {
                show: false
            }
    },
    yAxis: {
        type: 'value',
        name: 'rank'
    },
    series: sdata
};