HighCharts图例位置安排

Question

我正在使用HighCharts（水平）条形图。这个图表在我的页面上非常长，这很好，所以我希望图例显示在图表的顶部和底部。这可能吗？我在API中找不到如何做到这一点。

感谢任何提示。

- user1807807

---

这里是我正在做的jsfiddle示例。请注意图例位于顶部，但由于图表垂直较长，我希望在页面顶部和底部都有图例。 http://jsfiddle.net/tarpatel/ND9fT/1/ - user1807807

Answer 1

你可以通过CSS/HTML样式来添加额外的图例。 http://jsfiddle.net/Ecrww/109/

 $(chart.series).each(function(i, serie){
    $('<li style="color: '+serie.color+'">'+serie.name+'</li>').click(function(){
        serie.visible ? serie.hide() : serie.show();
    }).appendTo('#legend')
})

- Sebastian Bochan

---

谢谢您的回答，虽然不完全符合我的期望。我希望能得到一个Highcharts的解决方案。我很惊讶在Highcharts中没有多个图例的选项。但是我非常高兴您回复了我，因为您向我展示了一些我之前不知道的新功能。 - user1807807

Answer 2

尝试移除以下代码。

legend:
 {
  layout: 'vertical',
  align: 'right',
  verticalAlign: 'top'
  ......
  ......
 }

这使得图例回到默认位置。

- vivek

---

谢谢您的建议，但我想把图例放在图表的顶部和底部。请查看我对问题的评论。 - user1807807

Answer 3

我也遇到了这个问题，找到了解决方法

尝试在选项中添加以下代码：

    chart: {
            marginTop:-10//for top position
           },

希望能对你有所帮助

- Wade