对highcharts图例样式的更多控制

More control over highcharts legend style

本文关键字：控制 样式 highcharts      更新时间：2023-09-26

使用highcharts工具提示，我可以使用自定义html标签，并且几乎可以完全控制工具提示的外观和感觉。

有谁知道是否有可能对图例做同样的事情?目前，我使用下面的工具提示

headerFormat: '<div class="chart-tooltip"><span class="tooltip-header">{point.key}</span><br><div class="markers"><span class="tooltip-bg"></span>',
pointFormat: '<span class="tooltip-marker" style="background: {series.color};"></span>' +
                '<span class="tooltip-series" style="color: {series.color};">{point.y}</span><br>',
footerFormat: '</div></div>',

我希望能够对图例做同样的事情，我唯一能对图例做的就是

labelFormatter: function () {
  return '<div class="legend-label">' + this.name + '</div>';
                        }

任何帮助将是伟大的，谢谢

编辑:或者它甚至可能有两个工具提示?一个静态图例只显示系列名称，另一个作为常规工具提示，然后一起删除图例?

在图例中，您只能使用legendFormatter，类似于tooltip，它也有formatter (http://api.highcharts.com/highcharts#tooltip)

相关文章：