Highcharts 海图动画系列节目上映

Highcharts 海图动画系列节目上映,highcharts,highstock,Highcharts,Highstock,我想用一个动画来显示/隐藏图表系列,就像初始动画一样,这意味着如果 $(function () { $('#container').highcharts({ series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }, {

我想用一个动画来显示/隐藏图表系列,就像初始动画一样,这意味着如果

$(function () {
            $('#container').highcharts({

                series: [{
                    data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
                }, {
                    data: [129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4]
                }]
            });


            // the button action
            var chart = $('#container').highcharts(),
                $button = $('#button');
            $button.click(function() {
                var series = chart.series[0];
                if (series.visible) {
                    series.hide();
                    $button.html('Show series');
                } else {
                    series.show();
                    $button.html('Hide series');
                }
            });
        });
我单击“隐藏/显示”,在“显示”中,该系列应该像初始动画一样从左到右进行动画构建


这可能吗?

不支持。您可以通过删除并重新添加该系列来尝试获得所需的结果,请参见:


它不受支持。您可以通过删除并重新添加该系列来尝试获得所需的结果,请参见:


这对我来说非常好,只需要再写一点代码。谢谢这对我来说太棒了,只需要再写一点代码。谢谢
// the button action
var flag = true;
var chart = $('#container').highcharts(),
    $button = $('#button');
$button.click(function() {
    var series = chart.get('1st');
    if (flag) {
        series.remove();
        $button.html('Show series');
    } else {
        chart.addSeries({
            id: '1st',
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
        });
        $button.html('Hide series');
    }
    flag = !flag;
});