IE8中虽然不显示,但是dom结构里有内容
配置项如下
option = {
tooltip: {
trigger: 'item',
formatter: "{a} <br/>{b}: {c} ({d}%)"
},
legend: { //图例组件
orient: 'vertical',
right: 0,
bottom: 100,
width: 100,
height: 150,
padding: [ // 分别设置四个方向的内边距
5, // 上
10, // 右
5, // 下
5 // 左
],
itemGap: 20, //间隔20
itemWidth: 14,
itemHeight: 14,
// x: 'right',
data: ['销售方式', '服务方式', '组织环境', '工作流程', '产品'],
textStyle: {
color: '#666666',
fontSize: 14
}
},
series: [{
name: '访问来源',
type: 'pie',
radius: ['47px', '58px'], //尺寸
center: [180, 130],
avoidLabelOverlap: false,
label: {
normal: {
show: 'true',
position: 'outside', //饼图扇区外侧,通过视觉引导线连到相应的扇区。
fontSize: 14,
align: 'left',
color: '#333333',
formatter: '{d}%'
},
emphasis: {
show: 'true',
textStyle: {
fontSize: '18',
fontWeight: 'bold'
}
}
},
labelLine: { //视觉引导线
normal: {
show: 'true',
length: 20,
length2: 30,
lineStyle: {
color: '#cccccc'
}
}
},
//接受数据
data: [{
value: 1045,
name: '销售方式'
},
{
value: 66,
name: '服务方式'
},
{
value: 77,
name: '工作流程'
},
{
value: 157,
name: '组织环境'
},
{
value: 102,
name: '产品'
}
]
}],
color: [
'#5f8efb',
'#ef3457',
'#feb657',
'#83c85e',
'#e63fc4'
]
};