echarts放大区域与图片设置

if(xData.length>30){
option.dataZoom = {
show:true,
type: ‘slider’,
handleSize: 20,//滑动条的 左右2个滑动条的大小
height: 8,//组件高度
left: 50, //左边的距离
right: 60,//右边的距离
bottom: 10,//右边的距离
handleColor: ‘#ddd’,//h滑动图标的颜色
handleStyle: {
borderColor: “#cacaca”,
borderWidth: “1”,
shadowBlur: 2,
background: “#ddd”,
shadowColor: “#ddd”,
},
fillerColor: new echarts.graphic.LinearGradient(1, 0, 0, 0, [{
//给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
//给第一个设置0，第四个设置1，就是垂直渐变
offset: 0,
color: ‘#1eb5e5’
}, {
offset: 1,
color: ‘#5ccbb1’
}]),
backgroundColor: ‘#ddd’,//两边未选中的滑动条区域的颜色
showDataShadow: false,//是否显示数据阴影 默认auto
showDetail: false,//即拖拽时候是否显示详细数值信息 默认true
startValue:0,
endValue:29
};
option.grid.bottom = 25;
}

if(color!=null){
option.color = color;
}
if(nodata){
var nodataImg = new Image();
nodataImg.src = ‘./images/table_nodata.png’
option.graphic = {
elements:[{
type:‘image’,
style:{
image:nodataImg,
width:141,
height:106
},
left:‘center’,
top:‘40%’
},{
type: ‘text’,
style: {
text: ‘无统计信息数据’,
fill:’#96989c’,
//font: ‘bold 52px Microsoft YaHei’,
},
left:‘center’,
top:‘80%’
}]
}
};
//console.log(option);
chartObj.setOption(option, {
notMerge : true,
lazyUpdate : false,
silent : false
});
chartObj.hideLoading();