highchart 图例多个位置？图表中显示左侧的第一个图例和右侧的第二个图例

Posted 2023-02-16

【中文标题】highchart 图例多个位置？图表中显示左侧的第一个图例和右侧的第二个图例

【英文标题】：highchart legend multiple position ? first legend left and 2nd legend right show in a chart

【发布时间】：2018-03-29 23:35:32

【问题描述】：

使用高图js乘位置图例，我有2个图例第一个图例左对齐和第二个图例右对齐，目前我的看法是（点击链接查看）：JSfiddle 或者看看下面我的代码，怎么可能？

    yAxis: [
            
                labels: 
                    formatter: function() 
                       return "$"+ this.value;
                    
                  ,
                title: 
                    text: ''
                ,
                opposite: false
            ,
            
                labels: 
                    formatter: function() 
                       return this.value + "k";
                    
                  ,
                title: 
                    text: ''
                ,
                opposite: true
            
        ],
        legend:
            layout: 'vertical',
            align: 'left',
            verticalAlign: 'top',
            floating: true,
            symbolHeight: 50,
            itemMarginTop: 5,
            itemMarginBottom: 5,
            backgroundColor: '#ffffff'
        ,

【参考方案1】：

以下是拆分图例的示例：http://jsfiddle.net/kkulig/6gzp6tqu/

这是通过包装 Highcharts Legend.prototype.getAllItems 和 Chart.prototype.render 核心函数来完成的。您可以在此处找到有关包装的更多信息（包装原型函数部分）：https://www.highcharts.com/docs/extending-highcharts/extending-highcharts