3

我想知道在向区域图添加点时应该如何获得更好的动画。在常规的 highcharts 中,这非常顺利,但是使用 highcharts-ng 它会重新渲染图表的一大块。

我有两个显示问题的小提琴。Maby有一个简单的方法来解决这个问题吗?

Highcharts-ng http://jsfiddle.net/Cp73s/3399/

var myapp = angular.module('myapp', ["highcharts-ng"]);
myapp.controller('myctrl', function ($scope) {

    $scope.addPoints = function () {
        var seriesArray = $scope.highchartsNG.series
        var rndIdx = Math.floor(Math.random() *10+7);
        $scope.highchartsNG.series[0].data.push(rndIdx);

    };  

    $scope.highchartsNG = {
        options: {
            chart: {
                type: 'area'
            },
            plotOptions: {
                area: {
                    fillOpacity: 0.15,
                    dataLabels: {
                        allowOverlap: true,
                        enabled: true,
                        padding: 0,
                        style: {
                            fontSize: '25px'
                        }
                    },
                    enableMouseTracking: true
                }
            },
        },
        series: [{
            data: [10, 15, 12, 8, 7]
        }]
    }

});

常规高图表 http://jsfiddle.net/m8Lavyrc/3/

$(function () {
    $('#container').highcharts({
          chart: {
                type: 'area'
            },
                    plotOptions: {
                area: {
                    fillOpacity: 0.15,
                    dataLabels: {
                        allowOverlap: true,
                        enabled: true,
                        padding: 0,
                        style: {
                            fontSize: '25px'
                        }
                    },
                    enableMouseTracking: true
                }
            },

        series: [{
            data: [10, 15, 12, 8, 7]
        }]

    });


    // the button action
    var i = 0;
    $('#button').click(function () {
        var chart = $('#container').highcharts();
        chart.series[0].addPoint(Math.floor(Math.random() *10+7));        
    });
});

肿瘤坏死因子

4

0 回答 0