javascript - 更好地控制 highcharts 图例样式

标签 javascript html css highcharts

借助 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,类似于工具提示,它也有格式化程序(http://api.highcharts.com/highcharts#tooltip)

关于javascript - 更好地控制 highcharts 图例样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16041218/

相关文章:

javascript - SVG 动画路径属性 "d"悬停时速度或 snap.svg

javascript - 如果还有其他故障排除

html - 使用 css 进行星级评定 - 如何将文本值与图标对齐,以便它们具有相同的高度和大小

PHP Session 变量未保存

html - 如何更改 Chrome 中 <audio> 元素的高度? (能够在 FF 中做得很好)

html - 工具提示向右箭头

javascript - Python-spidermonkey : How to get a line num. 错误

javascript - THREE.Raycaster 无法与缩放的 THREE.Sprite 正常工作

html - 电子邮件客户端的 float 替代方案

css - 如何将 Ruby 哈希转换为 CSS 规则?