如何放大点击tc-angular-chartjs

Question

我想知道点击图表的某个部分后是否有缩放方法。我的意思是......我有一个月的所有日子的图表。我想点击第4天，它必须放大并在同一图表上的第4天和第3天之后3天显示我。它必须放大点击。同样的事情必须在其他日子里起作用。 有没有办法做到这一点？谢谢！

我注意到的另一件事是，如果你用画布显示无重新加载页面，即使你从样式切换不显示，图形也不会显示。它只显示了传说。所以我必须重新加载页面才能看到图表，并且无法在重新加载页面上隐藏它。我必须在点击某个按钮时显示它。

你能告诉我一些有关这些事情的信息吗？再次感谢。

Answer 1

添加图表=＆＃34;图表＆＃34;到画布。

然后，您可以将Chart.js对象分配给变量，并使用getSegmentsAtEvent（event）和/或getPointsAtEvent（event）函数。

在您的控制器中，您可以获得点事件

angular.module( 'app', ['tc.chartjs']);

angular.module( 'app' )
.controller( 'AppController', function( $scope ) {

    $scope.chart;

    $scope.chartClick = function( event ) {
        if ( $scope.chart ) {
            // Different methods depending on chart type
            console.log( $scope.chart.getPointsAtEvent( event ) ); // for Points
            console.log( $scope.chart.getSegmentsAtEvent( event ) ); // for Segments
        }
    };

    ...

您可以加载事件引用的新图表数据。