0

我正在使用 highcharts-ng 创建一个动态更新的饼图。

当数据改变切片动画（大小增加或缩小）。我试图在图表的起始角度方面达到类似的效果。

当系列的 startAngle 属性发生变化时，我希望发生过渡动画。我不知道这是否可能。

这是一个 JSFiddle，它显示了开始角度的变化，但没有动画。

http://jsfiddle.net/367gjasq/2/

这是来自 jsFiddle 的一段代码，它显示了我当前如何更新图表的 startAngle 属性

$scope.updateChartData = function() {
    //access to highcharts, though not using currently
    var h = $scope.chartConfig.getHighcharts();

    //register a change in series start angle
    $scope.chartConfig.series[1].startAngle += 20;

    //to make demo better, restart inner donut start angle
    if($scope.chartConfig.series[1].startAngle >= 0)
        $scope.chartConfig.series[1].startAngle = -360;

    //issue a digest so changes will reflect in chart
    $scope.$digest();
};
4

1 回答 1

0

我无法找到动画系列开始角度变化的方法。

相反，我决定创建该系列的“幽灵”元素。这是我的系列元素对象

{
        name: 'empty',

        //make element transparent
        color: 'rgba(255, 255, 255, 0)',

        //cursor does not change on hover
        cursor: 'cursor',

       //so legend element won't disrupt actual legend display
       legendIndex: lastIndexOfLegend,

       // takes up the total size of 'empty space' required
        y: total - (aggregate)
      };

我还必须更改我的工具提示格式化程序以观察带有“空”的“键”的点

if(this.key === 'empty') 
   return;

因此悬停时不会显示任何工具提示

在我的传奇格式化程序中

if(this.name === 'empty')
  return '';

因为返回没有解决undefined在图例中显示

于 2015-10-13T20:34:41.207 回答