jquery - Highcharts 标题动画

Question

我正在尝试申请 Circulate framework effects在 highcharts title 上。这是我尝试过但似乎不起作用的方法:

$('#myCarousel').bind('slid', function () {
    $(".highcharts-title text").each(function() {
        $(this).circulate({
            speed: Math.floor(Math.random()*300) + 100,
            height: Math.floor(Math.random()*1000) - 470,
            width: Math.floor(Math.random()*1000) - 470
        });
    });
});

Answer 1

您可以将其设置为呈现为 HTML。 只需添加 useHTML 代码中的属性:

title: {
    useHTML: true,
    text: 'Marketers, on average, spend over a quarter of their marketing budget on content marketing.'
    },

然后你可以应用动画:

$("span.highcharts-title").circulate({
                speed: Math.floor(Math.random()*300) + 100,
                height: Math.floor(Math.random()*1000) - 470,
                width: Math.floor(Math.random()*1000) - 470
            })