Question

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

感谢您的任何提示。

Answer 1

您可以通过CSS / html样式添加额外的图例。

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

Answer 2

尝试删除以下代码

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

使图例成为默认位置

Answer 3

我也得到了它并找到了解决问题的方法

尝试在选项中添加这些代码：

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

希望它可以帮到你

HighCharts传奇位置

3 个答案: