javascript - 如何将 Renderer text() 函数多次应用到 Highcharts 图表？

Question

我正在尝试将多个 Renderer text() 函数添加到 Highcharts 图表，但我没有任何运气。

第一个函数正确填充在图表上，但第二个函数则不然。有谁知道如何做到这一点？这是我的代码目前的样子:

}, function (chart) {
        chart.renderer.text('<span style="color: red; font-weight:bold">Test</span>', 331, 41) 
        
        .css({
            fontSize: '12px'
        })
        .add();
        });           
   
    },  function (chart) {
        chart.renderer.text('<span style="color: red; font-weight:bold">(10)</span>', 331, 33) 
        
        .css({
            fontSize: '11px'
        })
        .add();
        });

Answer 1

问题是您尝试放置两个回调，这是不正确的。使用单个渲染器，然后放置两个渲染器。

}, function (chart) {
        chart.renderer.text('<span style="color: red; font-weight:bold">Test</span>', 331, 41) 

        .css({
            fontSize: '12px'
        })
        .add();
        });           

        chart.renderer.text('<span style="color: red; font-weight:bold">(10)</span>', 331, 33) 

        .css({
            fontSize: '11px'
        })
        .add();
});