echarts饼图默认移过去高亮显示,移开就取消高亮,能否改成一直都是高亮显示,除非移到别的区域下才切换高亮区域

js世界 2017-08-17 02:06:04
http://echarts.baidu.com/demo.html#pie-simple,像官网的这个例子,我移到视频广告就希望它一直高亮显示,除非移到联盟广告等才取消,而不要从视频广告上移走就取消了高亮,各位大牛帮忙看下
...全文
5191 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
Hello World, 2017-12-02
  • 打赏
  • 举报
回复

option = {
    title : {
        text: '饼图程序调用高亮示例',
        x: 'center'
    },
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
    },
    series : [
        {
            name: '访问来源',
            type: 'pie',
            radius : '55%',
            center: ['50%', '60%'],
            data:[
                {value:335, name:'直接访问'},
                {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)'
                }
            }
        }
    ]
};
//记录上次高亮的索引
lastMouseOverIndex=null;
// mouseover事件,记录当前数据索引并取消其他高亮,over在out之后
myChart.on('mouseover', function (params) {
    var dataLen = option.series[0].data.length;
    lastMouseOverIndex = params.dataIndex;
    for(var i=0;i<dataLen;i++){
        if(i!= params.dataIndex){
            myChart.dispatchAction({
                type: 'downplay',
                seriesIndex: 0,
                dataIndex: i
            })
        }
    }
});
// mouseout事件,将上次的高亮
myChart.on('mouseout', function (params) {
    myChart.dispatchAction({
        type: 'highlight',
        seriesIndex: 0,
        dataIndex: lastMouseOverIndex
    })  
});
Hello World, 2017-12-02
  • 打赏
  • 举报
回复
http://echarts.baidu.com/api.html#action http://www.echartsjs.com/gallery/editor.html?c=doc-example/pie-highlight
tingting627177510 2017-11-30
  • 打赏
  • 举报
回复
你去官网上看下配置项的文档那里有个属性就是这个,我前两天还看到这个了
js世界 2017-11-30
  • 打赏
  • 举报
回复
居然都没人回复

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧