Javascript 在Highchart中的不同位置显示图例和颜色轴

我想在图表的顶部显示一系列直线，在右侧显示热图。有一个全局选项来定位图例，但每个系列没有单独的选项

---

Highcharts版本：v4.3.1

该功能尚未在Highcharts core中实现，但很快就会提供：

现在，您可以通过以下方式将colorAxis从图例移动到图表上的另一个位置：

(function(H) {
    H.wrap(H.ColorAxis.prototype, 'drawLegendSymbol', function(proceed) {
        proceed.apply(this, Array.prototype.slice.call(arguments, 1));

        this.legendItemWidth = 0;
        this.legendItemHeight = 0;
    });
}(Highcharts));

Highcharts.chart('container', {
    chart: {
        marginRight: 80,
        events: {
            load: function() {
                var chart = this,
                    colorAxis = chart.colorAxis[0].axisParent.element,
                    mainSVG = chart.container.children[0],
                    xPos = chart.plotLeft + chart.plotWidth + 10,
                    yPos = chart.plotTop;

                mainSVG.appendChild(colorAxis);

                colorAxis.setAttribute(
                    'transform', 'translate(' + xPos + ', ' + yPos + ')'
                )
            }
        }
    },
    series: [{
        ...,
        showInLegend: true
    }, {
        ...,
        showInLegend: true
    }],
    colorAxis: {
        layout: 'vertical'
    }
});

现场演示：

API参考：

---

文档：

这在最新版本中运行良好。我使用的是v4.3.1版。没有。colorAxis采用与图例相同的布局。是否有解决方法？您好@Aamir Rizwan，是的-您可以在init方法中覆盖horiz属性：