HighCharts图例配置

我正在使用HighCharts（水平）条形图。这张图表在我的页面上很长，这很好，所以我希望将图例显示在图表的顶部和底部。这可能吗？我无法在API中找到如何执行此操作。HighCharts图例配置

感谢您的任何提示。

2013-04-25 Tar Patel

这里jsfiddle我在做什么的例子。注意到图例在顶部，但由于图表是垂直的，我希望页面顶部和底部有传说。 http://jsfiddle.net/tarpatel/ND9fT/1/ – 2013-04-25 16:38:51

尝试删除下面的代码

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

这使得传说默认位置

来源

2013-04-25 16:12:09 vivek

感谢您的提示，但我希望看到图表顶部和底部的图例。请看我对我的问题的评论。 – 2013-04-25 16:39:58

您可以通过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') 
})

来源

2013-04-26 11:44:13

感谢这个答案，不是我期待的。我希望得到一个很高的图表解决方案。我很惊讶，高图表中没有选择有多个图例。但是我很高兴你回复了，因为你已经打开了我的眼睛，看到我没有意识到的新功能。 – 2013-04-26 17:20:23

我也得到了它，并发现这种方式来解决它

尝试添加在选择这些代码：

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

希望它可以帮助你

来源

2013-12-31 08:50:04 user3148778

HighCharts图例配置

回答

相关问题