Question

我现在正在努力解决Highchart的事件功能。

我想创建范围选择器，所以当我在图表中选择一个新区域时，我希望保存最小数据和最大数据。

我想将它们保存在我的范围内的变量中：

$scope.from

我的功能：

$scope.ChartOptions = function ChartOptions() {
    return {
        options: {
            chart: {
                events:  {
                    selection: function(){
                        $scope.from = moment(this.xAxis[0].getExtremes().min);
                    }
                },
                zoomType: 'x'
            }
        }
        ...
    }
    ..  
}

这个有效，但不是立即行动！当我按下我的页面中的下拉菜单等其他操作时，它会更新。

有谁知道为什么？

是否有比Highcharts / Highstock的选择功能更好的功能？

或者有人能告诉我现有的范围选择器是如何工作的吗？

Answer 1

尝试添加$evalAsync();，例如：

             ...
                selection: function(){
                    $scope.from = moment(this.xAxis[0].getExtremes().min);
                    $scope.$evalAsync();
                }
             ...

只有在没有消化周期运行的情况下才会运行摘要周期。

当然，这是假设您确保在正确的时间调用选择功能，并且它只是在UI中没有发生的效果。

Highchart的选择功能更新延迟

1 个答案: