Incubator-echarts: type:'graph'使用layout:'circular'时,鼠标hover到线条上的时候,线条变色,箭头没有变色

Created on 25 Jan 2018  ·  7Comments  ·  Source: apache/incubator-echarts

##

One-line summary [问题简述]

type:'graph'使用layout:'circular'时,鼠标hover到线条或者节点的时候,线条变色,箭头没有变色,还是之前的颜色

Version & Environment [版本及环境]

  • ECharts version [ECharts 版本]:3.6.2
  • Browser version [浏览器类型和版本]:google
  • OS Version [操作系统类型和版本]:

Expected behaviour [期望结果]

鼠标hover到线条或者节点上的时候,这条线上的箭头也跟着变色,高亮

ECharts option [ECharts配置项]


option = {
        tooltip: {
            formatter:function(params){
                for(var i = 0;i<linkDou.length;i++){
                    if(linkDou[i].target == params.data.source && linkDou[i].source == params.data.target){
                        return params.data.source+'>'+params.data.target+':'+params.value+'<br/>'+linkDou[i].source+'>'+linkDou[i].target+':'+linkDou[i].value
                    }
                }
                if(params.data.source){
                    return params.data.source+'>'+params.data.target+':'+params.value
                }else{
                    return params.data.value
                }

            }
            // formatter:'{c}'
        },
        animationDurationUpdate: 1500,
        animationEasingUpdate: 'quinticInOut',
        series : [
            {
                type: 'graph',
                layout: 'circular',
                focusNodeAdjacency:true,
                circular: {
                    rotateLabel: true
                },
                edgeSymbol:['arrow'],
                data: data.nodes,
                links: data.links,
                symbolSize:[20,20],
                roam: true,
                label: {
                    normal: {
                        position: 'right',
                        fontSize:10,
                    }
                },
                lineStyle: {
                    normal: {
                        color: '#ddd',
                        curveness: 0.3
                    },
                    emphasis:{
                        color:'green'
                    }
                }
            }
        ]
    };

Other comments [其他信息]



b997a5cf-f09d-4830-a54e-2d28adbaad56

bug

All 7 comments

@Big-xiong 我也遇到了这个问题,目前想的就是hover的时候干脆不改变颜色,这样线和箭头的颜色就一致了

谢谢反馈,我们修复一下

@djlxiaoshi 不想hover变色的话

lineStyle: {
                    normal: {
                        color: '#ddd',
                        curveness: 0.3
                    }
                }

lineStyle不要设置emphasis属性

@pissang 上面的问题修复好了吗?

@pissang 上面的问题修复好了吗?

@pissang 你好,我们在使用echarts的时候也遇到了同样的问题,请问现在这个issue的状态是在解决中吗?谢谢!

使用关系图的时候也遇到相同的问题

Was this page helpful?
0 / 5 - 0 ratings