防止自定义一段文本出现在页面上存在的所有 Highcharts ← 使用 {events:{load:function(){var 插入的一段文本

Question

所以，我在 Highcharts 图表上添加了 一段文字 ，使用 {events:{load:function(){var...}}}

这段代码的完整部分（添加这样一段一段文字）是（在MWE中）：

{
    events: {
        load: function() {
            var e = this.renderer.label("test").css({
                width: "200px",
                color: "black",
                fontSize: "12px"
            }).add();
            e.align(Highcharts.extend(["label"]["getBBox()"]), null, "spacingBox")
        }
    }
},

此代码在 Highchart 代码中放在 $(function(){Highcharts.theme={...,chart: 更多信息可以在 Highcharts API Reference.

中找到

现在的问题是，这段代码正在使一段 text 在页面上出现的所有 Highcharts 上呈现 ;而我实际上只是希望将其呈现 到 1 个图表 （插入代码的图表）。

非常感谢您提供有关如何规避此问题的任何想法。

Answer 1

只是不要在主题中设置这个。当您创建那个图表时，选择图表，然后设置该选项。像这样：

$("#container").highcharts({ chart: { events: { load: your_callback } } });

防止自定义一段文本出现在页面上存在的所有 Highcharts ← 使用 {events:{load:function(){var 插入的一段文本

Preventing a custom piece of text from appearing ON ALL Highcharts present on a page ← piece of text inserted using {events:{load:function(){var

javascript

jquery

charts

highcharts