时间戳

首页 > 解决方案 > 用div包围内容时如何修复Highcharts中轴标签的格式？

javascript - 用div包围内容时如何修复Highcharts中轴标签的格式？

问题描述

以下是图表当前的样子：在此处输入图像描述

当有人将鼠标悬停在某个 X 轴标签上时，我想显示一个工具提示。因此，为此，我按照以下方式对它们进行了格式化（如此处所建议）：

labels: { useHTML: true, formatter: function() { return '<div id="label_'+this.value.replace(/ /g,'') +'">'+this.value+'</div>'; } }

但是，运行它之后，它开始看起来像这样：在此处输入图像描述

如何保持 Highcharts 应用的格式，同时仍将我的个人 ID 添加到每个标签？

标签： javascripthighcharts

解决方案

也许您正在使用的事实div正在抛弃一些 highcharts 样式。您可以尝试使用span.

或者，也许您的 id 添加了一些与 highcharts CSS 不兼容的 CSS。要检查这一点，您可以尝试暂时注释掉与您的 id 关联的 CSS 以查看它是否以这种方式工作。

推荐阅读