echarts 弹出放大_echarts 如何让饼图hover放大效果一直显示

展开全部

是这样的效果吗？

如果是，用这个实现

关键配置：option = {

title : {

text: '百度知道回答，饼图hover放大效果一636f707962616964757a686964616f31333366306463直显示',

subtext: '数据纯属虚构',

x:'center'

},

tooltip : {

trigger: 'item',

formatter: "{a} 
{b} : {c} ({d}%)"

},

legend: {

orient: 'vertical',

left: 'left',

data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']

},

series : [

{

name: '访问来源',

type: 'pie',

radius : '55%',

silent: true,          //饼图不响应鼠标事件

center: ['50%', '60%'],

data:[

{value:335, name:'直接访问',selected:true}, //选中(放大)某一数据

{value:310, name:'邮件营销'},

{value:234, name:'联盟广告'},

{value:135, name:'视频广告'},

{value:1548, name:'搜索引擎'}

],

itemStyle: {

emphasis: {

shadowBlur: 10,

shadowOffsetX: 0,

shadowColor: 'rgba(0, 0, 0, 0.5)'

}

}

}

]

};