防止自定义文本出现在页面上的所有高图表上,←使用 {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

本文关键字:var 使用 events function load 高图表 文本 自定义      更新时间:2023-09-26

所以,我在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 参考中找到。


现在的问题是,这段代码使tex t呈现在页面上存在的所有Highcharts上;而我实际上只是希望它呈现在1个图表上(插入代码的图表)。

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

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

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