【问题标题】:Highcharts - top justify instead of center entire chartHighcharts - 顶部对齐而不是居中整个图表
【发布时间】:2018-04-11 11:24:35
【问题描述】:

我知道这可以在 d3 Sankey 中完成,但我不需要任何复杂的东西。我已经完成了我的 Highcharts sankey 并且我的所有格式都完成了,保存一件事。

图表沿中心线对齐。我想设置它,使整个 sankey 图与框架的顶部边框平齐。

第一个节点将平放在顶部,所有其他节点和链接将从该点向下流动。我在这里和 Highcharts 支持网站上进行了搜索,阅读了 API,并咨询了 Google,但我没有找到任何东西。

由于这纯粹是美学的,如果我做不到它也不是什么大事,但既然我现在已经看到它在 d3 中完成,我希望有一个 Highcharts 等价物。

谢谢

参见图表以供参考(当然忽略颜色和链接权重)see illustration

【问题讨论】:

  • 您是在寻找marginTop: 0(参见:jsfiddle.net/ewolden/p7an7h65)还是我误解了您的问题?
  • 嗨@ewolden - 谢谢。我正在寻找来自巴西 -> 葡萄牙 -> 安哥拉 -> 中国的顶线是一条水平直线 - 没有弯曲,然后让图表向下展开并呈扇形展开。我也只有一个起始节点。我不知道这是否澄清。我正在尝试找到一个示例,而不是我拥有的示例(其中包含敏感信息,因此我无法在此处作为示例发布)。
  • @ewolden - 完成 - 谢谢!

标签: highcharts sankey-diagram


【解决方案1】:

我稍微修改了核心代码,达到了预期的效果。

现场工作示例: http://jsfiddle.net/kkulig/dzdsjwbs/

我已经覆盖了Highcharts.seriesTypes.sankey.prototype.translate 函数并在这两个代码片段中注释掉了两行:

1.

                fromNodeTop = (
                    //column.top(factor) +
                    column.offset(node, factor)
                ),

2.

        toY = (
          //toColTop + 
          (toNode.offset(point, 'linksTo') * factor) +
          nodeColumns[toNode.column].offset(
            toNode,
            factor
          )
        ),

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-10-25
    • 1970-01-01
    • 1970-01-01
    • 2014-09-01
    • 1970-01-01
    • 2015-10-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多