Highcharts 网络图符合Sankey图

Highcharts 网络图符合Sankey图,highcharts,Highcharts,在Highcharts中,是否有一种方法可以创建一个网络图,其中连接的宽度与数据系列(如Sankey图)成比例 该应用程序是一种交通流可视化,但在逻辑点之间,而不是物理点之间,因此覆盖在网络图上而不是地图上。这在默认情况下不受支持,但您可以通过对GetLinkAttributes方法进行小的修改轻松获得所需的结果: 现场演示: 文件: H.seriesTypes.networkgraph.prototype.pointClass.prototype.getLinkAttribues = func

在Highcharts中,是否有一种方法可以创建一个网络图,其中连接的宽度与数据系列(如Sankey图)成比例


该应用程序是一种交通流可视化,但在逻辑点之间,而不是物理点之间,因此覆盖在网络图上而不是地图上。

这在默认情况下不受支持,但您可以通过对GetLinkAttributes方法进行小的修改轻松获得所需的结果:

现场演示:

文件:

H.seriesTypes.networkgraph.prototype.pointClass.prototype.getLinkAttribues = function() {
    var linkOptions = this.series.options.link,
        maxValue,
        pointOptions = this.options;

    if (!this.linkWidth) {
        this.series.points.forEach(function(p) {
            maxValue = maxValue ?
                Math.max(maxValue, p.options.value) :
                p.options.value;
        });

        this.series.points.forEach(function(p) {
            p.linkWidth = p.options.value * 10 / maxValue;
        });
    }

    return {
        'stroke-width': this.linkWidth || 1,
        stroke: pointOptions.color || linkOptions.color,
        dashstyle: pointOptions.dashStyle || linkOptions.dashStyle
    };
}