Как сделать так, чтобы верхний график непрерывно мигал / мерцал

Question

Я использую высокие графики в одном из моих приложений.Основываясь на содержании, я хочу выделить этот конкретный штрих.В настоящее время я могу добиться этого, но мое требование - держать его мигающим / мерцающим, показывая, что в этой конкретной точке что-то не так.кто-нибудь может мне помочь, как этого добиться?

<path
fill="rgba(214,45,32,0.5)"
d="M 472 125.83319815668202 A 30 30 0 1 1 471.99998500000123 125.803198161682 Z" 
stroke="#d62d20"
stroke-width="2"
class="highcharts-point highcharts-negative highcharts-color-1 highcharts-point-hover"
>

</path>

Answer 1

Вы можете использовать метод Highcharts animate для достижения желаемого результата:

Highcharts.chart('container', {
    chart: {
        events: {
            load: function() {
                var point = this.series[0].points[2];

                function toRed() {
                    point.graphic.animate({
                        fill: '#ff0000'
                    }, {
                        duration: 300
                    }, toBlue);
                }

                function toBlue() {
                    point.graphic.animate({
                        fill: 'rgb(124, 181, 236)'
                    }, {
                        duration: 300
                    }, toRed);
                }

                toRed();
            }
        }
    },
    series: [{
        type: 'column',
        data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
    }]
});

Демонстрационная версия: http://jsfiddle.net/BlackLabel/bxa64930/

Справочник по API: https://api.highcharts.com/class-reference/Highcharts.SVGElement#animate