shellyaoo opened a new issue #10820: 桑基图linestyle颜色渐变问题
URL: https://github.com/apache/incubator-echarts/issues/10820
 
 
   Version
   4.2.1
   Steps to reproduce
   linestyle颜色渐变,设置全局的渐变也设置单个渐变
   设置起始值和结束值,从左往右没有问题,
   但是设置成从上往下,颜色渐变就有问题,有些是倒过来的,有些根本没有变,没有按照节点的
   流出方向来设置,直接就是在从左往右进行渐变,不知是全局和单个是否互相影响。
   series数据
    [
          {
        "type": "sankey",
        "orient": "vertical",
        "left": "0",
        "top": "0",
        "right": 105,
        "bottom": "0",
        "nodeGap": 1,
        "nodeWidth": 32,
        "layoutIterations": 0,
        "focusNodeAdjacency": "allEdges",
        "draggable": false,
        "data": [{
                "name": "长沙",
                "itemStyle": {
                        "color": "rgba(250,13,13,0.68)"
                },
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "武汉",
                "itemStyle": {
                        "color": "rgba(131,15,135,1.00)"
                },
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "香港",
                "itemStyle": {
                        "color": "rgba(236,250,145,1.00)"
                },
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "大不列颠及北爱尔兰联合王国",
                "itemStyle": {
                        "color": "rgba(230,198,18,1.00)"
                },
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "台湾",
                "itemStyle": {
                        "color": "rgba(30,235,82,1.00)"
                },
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "深圳",
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "东京",
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "伦敦",
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "巴黎",
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "柏林",
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "新加坡",
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "纽约",
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "佛罗伦萨",
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "意大利",
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "威尼斯",
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "罗马",
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "马尔代夫",
                "label": {
                        "offset": [0, 0]
                }
        }, {
                "name": "澳门",
                "itemStyle": {
                        "color": "rgba(250,250,5,1.00)"
                },
                "label": {
                        "offset": [0, 0]
                }
        }],
        "links": [{
                "source": "长沙",
                "target": "香港",
                "value": 190,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(250,85,110,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(132,232,232,0.79)"
                                }]
                        }
                }
        }, {
                "source": "长沙",
                "target": "东京",
                "value": 50,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(250,85,110,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(132,232,232,0.79)"
                                }]
                        }
                }
        }, {
                "source": "长沙",
                "target": "伦敦",
                "value": 20,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(250,85,110,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(132,232,232,0.79)"
                                }]
                        }
                }
        }, {
                "source": "长沙",
                "target": "巴黎",
                "value": 10,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(250,85,110,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(132,232,232,0.79)"
                                }]
                        }
                }
        }, {
                "source": "武汉",
                "target": "香港",
                "value": 230,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(240,120,230,0.57)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(80,168,250,1.00)"
                                }]
                        }
                }
        }, {
                "source": "武汉",
                "target": "东京",
                "value": 180,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(240,120,230,0.57)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(80,168,250,1.00)"
                                }]
                        }
                }
        }, {
                "source": "武汉",
                "target": "柏林",
                "value": 70,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(240,120,230,0.57)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(80,168,250,1.00)"
                                }]
                        }
                }
        }, {
                "source": "武汉",
                "target": "新加坡",
                "value": 100,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(240,120,230,0.57)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(80,168,250,1.00)"
                                }]
                        }
                }
        }, {
                "source": "香港",
                "target": "纽约",
                "value": 80,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(245,123,10,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(230,197,232,1.00)"
                                }]
                        }
                }
        }, {
                "source": "香港",
                "target": "伦敦",
                "value": 230,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(245,123,10,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(230,197,232,1.00)"
                                }]
                        }
                }
        }, {
                "source": "香港",
                "target": "巴黎",
                "value": 100,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(245,123,10,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(230,197,232,1.00)"
                                }]
                        }
                }
        }, {
                "source": "大不列颠及北爱尔兰联合王国",
                "target": "佛罗伦萨",
                "value": 56.99,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(173,240,211,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(207,74,230,0.83)"
                                }]
                        }
                }
        }, {
                "source": "大不列颠及北爱尔兰联合王国",
                "target": "台湾",
                "value": 80,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(173,240,211,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(207,74,230,0.83)"
                                }]
                        }
                }
        }, {
                "source": "大不列颠及北爱尔兰联合王国",
                "target": "意大利",
                "value": 21,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(173,240,211,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(207,74,230,0.83)"
                                }]
                        }
                }
        }, {
                "source": "大不列颠及北爱尔兰联合王国",
                "target": "威尼斯",
                "value": 35,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(173,240,211,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(207,74,230,0.83)"
                                }]
                        }
                }
        }, {
                "source": "台湾",
                "target": "罗马",
                "value": 39.34,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(34,240,226,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(240,247,111,1.00)"
                                }]
                        }
                }
        }, {
                "source": "台湾",
                "target": "威尼斯",
                "value": 121,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(34,240,226,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(240,247,111,1.00)"
                                }]
                        }
                }
        }, {
                "source": "台湾",
                "target": "马尔代夫",
                "value": 130,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(34,240,226,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(240,247,111,1.00)"
                                }]
                        }
                }
        }, {
                "source": "深圳",
                "target": "澳门",
                "value": 40
        }, {
                "source": "香港",
                "target": "台湾",
                "value": 40,
                "lineStyle": {
                        "color": {
                                "type": "linear",
                                "x": 0,
                                "y": 0,
                                "x2": 1,
                                "y2": 1,
                                "colorStops": [{
                                        "offset": 0,
                                        "color": "rgba(245,123,10,1.00)"
                                }, {
                                        "offset": 1,
                                        "color": "rgba(230,197,232,1.00)"
                                }]
                        }
                }
        }],
        "label": {
                "color": "rgba(15,14,14,1.00)",
                "fontSize": "25",
                "fontWeight": "bold",
                "position": "right",
                "distance": 8,
                "offset": [0, 0]
        },
        "itemStyle": {
                "borderWidth": 0,
                "color": "rgba(74,148,217,1.00)"
        },
        "lineStyle": {
                "color": {
                        "type": "linear",
                        "x": 0,
                        "y": 0,
                        "x2": 1,
                        "y2": 1,
                        "colorStops": [{
                                "offset": 0,
                                "color": "rgba(5,85,235,1.00)"
                        }, {
                                "offset": 1,
                                "color": "rgba(121,146,163,0.60)"
                        }]
                },
                "curveness": 1,
                "opacity": 1
        }
   }
       ]
   What is actually happening?
   颜色渐变没有保持一致
   

----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
 
For queries about this service, please contact Infrastructure at:
[email protected]


With regards,
Apache Git Services

---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to