【问题标题】:Highcharts JS - Sankey Diagram AxisHighcharts JS - 桑基图轴
【发布时间】:2018-07-18 19:51:35
【问题描述】:

我正在使用 Highcharts JS 实现一个桑基图,但在指定轴时遇到了问题。甚至可以在 Sankey 图上使用 xAxis 和 yAxis 吗?

我尝试将轴指定如下:

 yAxis: {
            title: {
                text: 'Test',
            }
        },
 xAxis: {
            title: {
                text: 'Test'
            }
        },

但没有成功。我尝试将上述代码放在seriesplotOptions.sankeyplotOptions.series 中,并且只是在实例化图表时但没有结果。

期待您的帮助!

【问题讨论】:

    标签: javascript highcharts axis-labels sankey-diagram


    【解决方案1】:

    是的。使用chart.showAxes 选项:

      chart: {
        showAxes: true
      },
    

    不幸的是,在 sankey 系列中,没有为 y 轴生成刻度。可以像这样手动完成:

      yAxis: [{
        lineWidth: 1,
        tickPositions: [0, 1, 2, 3]
      }],
    

    现场演示: http://jsfiddle.net/BlackLabel/z5p9gba2/

    API 参考:

    【讨论】:

    • 正是我需要的,谢谢!但是,我不太明白 tickPositioning 的含义 .. 例如,在您的示例中,我如何在每列下方放置一个刻度?
    • 我认为没有简单的方法可以做到这一点。由于某种原因,没有为 y 轴生成刻度,并且所有点(节点)的 y 值等于 1。我必须以编程方式完成,并将涉及核心代码分析。
    猜你喜欢
    • 1970-01-01
    • 2018-10-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-06
    相关资源
    最近更新 更多