在ie8下,legend的分页信息会和翻页按钮重叠,我想请教的是,如何在IE8下解决这问题,或作如何可以自己定义翻页按钮的位置(例如:把分页按钮放在左下角)。
配置项如下
var seriesData = [ {
value : 100,
name : "云南省"
}, {
value : 100,
name : "云南省保山市"
}, {
value : 100,
name : "云南省文山壮族苗族自治州"
}, {
value : 100,
name : "云南省红河哈尼族彝族自治州"
}, {
value : 100,
name : "内蒙古自治区"
}, {
value : 100,
name : "四川省"
}, {
value : 100,
name : "四川省南充市"
}, {
value : 100,
name : "四川省广安市"
}, {
value : 100,
name : "四川省德阳市"
}, {
value : 100,
name : "四川省自贡市"
}, {
value : 100,
name : "四川省资阳市"
}, {
value : 100,
name : "广西壮族自治区"
}, {
value : 100,
name : "广西壮族自治区南宁市"
}, {
value : 100,
name : "广西壮族自治区柳州市"
}, {
value : 100,
name : "广西壮族自治区崇左市"
},{
value : 100,
name : "A"
},
{
value : 100,
name : "B"
},
{
value : 100,
name : "C"
},
{
value : 100,
name : "D"
},
{
value : 100,
name : "E"
},
{
value : 100,
name : "F"
},
{
value : 100,
name : "G"
},
{
value : 100,
name : "H"
},
{
value : 100,
name : "I"
},
{
value : 100,
name : "J"
} ];
var legendData = [ "云南省", "云南省保山市", "云南省文山壮族苗族自治州", "云南省红河哈尼族彝族自治州",
"内蒙古自治区", "四川省", "四川省南充市", "四川省广安市", "四川省德阳市", "四川省自贡市", "四川省资阳市",
"广西壮族自治区", "广西壮族自治区南宁市", "广西壮族自治区柳州市", "广西壮族自治区崇左市","A","B","C","D","E","F","G","H","I","J" ];
var option = {
tooltip : {
trigger : 'item',
formatter : "{a} <br/>{b} : {c} ({d}%)"
},
legend : {
icon : 'rect',
itemWidth : 10,
itemHeight : 10,
type : 'scroll',
orient : 'vertical',
right : 10,
top : 30,
textStyle : {
color : '#2756a6',
fontSize : '13px'
},
data : legendData
},
grid : {
left : '0px'
},
series : [ {
name : "户籍地统计",
type : 'pie',
radius : '55%',/* 饼图的大小 */
center : [ '25%', '45%' ],//饼图的位置,相对左、上的距离
data : seriesData,
itemStyle : {
emphasis : {
shadowBlur : 10,
shadowOffsetX : 0,
shadowColor : 'rgba(0, 0, 0, 0.5)'
}
},
label : {
normal : {
show : false,
position : 'inner',
formatter : '{d}',
fontSize : 7
}
}
} ]
};