echarts的legend显示不全_Echarts【1、数据过多导致显示不全分页，2、数据展示探讨分析】...

var len=;

var dataZoom_end=null; //为空默认100%所以默认显示5个是能显示下的

if(len >5 ){

var dataZoom_end = (5/len)*100;

}else if(len<5){

var dataZoom_end = (5/len)*100;

}

var jdxzktj = echarts.init(document.getElementById('jdx'));

// 指定图表的配置项和数据

var jdxzktj_option = {

minInterval : 1,

title : {

text : '接地线挂设情况统计',

x : 'center'

},

tooltip : {},

xAxis : {

data : ${zrdwSet},

type : 'category',

axisLabel:{

interval: 0

}

},

dataZoom: [

{

start:0,

end:dataZoom_end,

type: 'slider',

show: true,

xAxisIndex: [0],

handleSize: 0,

height: 10,

left: '10%',

right: '10%',

bottom: 26,

borderColor: "#000",

fillerColor: '#269cdb',

borderRadius:5,

backgroundColor: '#33384b',

showDataShadow: false,

showDetail: false,

realtime:true,

filterMode: 'filter',

},

{

type: 'inside',

show: true,

xAxisIndex: [0],

start: 0,

end:dataZoom_end,

},

],

yAxis : {},

legend : {

data : ${sjzdList},

bottom : [ 0 ]

},

series : ${zkTjData},

color : [ "#1397DC", "#12C1EC", "#6FE498", "#E2E2E2", "#3CB2EF",

"#71F6F9", "#3EE486", "#FFF065" ]

};

// 使用刚指定的配置项和数据显示图表。

jdxzktj.setOption(jdxzktj_option);