Question

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

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

当一系列的startAngle属性发生变化时，我想要一个过渡动画。我不知道这是否可行。

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

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

// VERTEX SHADER
#version 330 core

layout (location = 0) in vec4 vPosition;
layout (location = 1) in vec2 vTexCoord;

out vec2 fTexCoord;

void main()
{
    gl_Position = vPosition;
    fTexCoord = vTexCoord;
}

// FRAGMENT SHADER
#version 330 core

uniform sampler2D imgTexture;

in vec2 fTexCoord;

out vec4 color;

void main()
{
    color = texture(imgTexture, fTexCoord);
}

Answer 1

我无法找到一种方法来为系列的起始角度变化设置动画。

我所接受的是创造了该系列的'幽灵'元素。这是我的系列元素对象

func (n1 number) Compare(comparer Comparer) int {
    n2, _ := comparer.(number)
    if n1 > n2 {
        return 1
    } else if n1 < n2 {
        return -1
    } else {
        return 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 '';

使用highcharts-ng设置饼图起始角度的更改

1 个答案: