防止自定义文本出现在页面上显示的所有Highcharts←使用{events：{load：function（）{var插入的文本片段

Question

所以，我使用{events:{load:function(){var添加了文本到Highcharts - 图表... }}}

此代码的完整部分（添加此类文本）是（在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中找到。

---

现在的问题是，这段代码使一段tex t在页面上的所有Highcharts上呈现 ;而我实际上只是希望它被渲染到单​​个图表（插入代码的那个）。

非常感谢有关如何规避这一点的任何想法。

Answer 1

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

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