P5处理中可视化文本如何打散？

Question

Here is my visulization，正如您所看到的一些文本是重叠的，那么有没有人知道如何只为这 3 个聚集的文本留出一点间距？

我在想像他们做的那样的间距in this chart

Answer 1

我试图弄清楚是什么情况导致了这个问题，经过一些调试，我注意到当您的 value 的数字较小时（当它小于 8-12 左右时）就会发生这种情况。由于您的图表中似乎只有 12 个月，因此这个数字不会改变，您可以手动检查它，然后根据您想要的距离给它一个最小数字，例如 10-15。

我尝试修改您的代码，为变量 value 提供最小值 10，当它小于该值时，它似乎可以工作。我还添加了一条从新点到旧点的线，如果您不喜欢，可以将其删除。

代码：

////This portion is used to display the month on the pie chart////////////////
    value=MaxValue(disease,wounds,other);

      value2=-1;
      var x2,y2;
      if(value<10)
      {
      value2=value;
      value=10; 

      x2=1500+1500/5+value2*10*cos(startAngle+(radians(15)));
      y2=1500/2 -100+value2*10*sin(startAngle+(radians(15)));
      }

      print(chart.data[i].month+" has value : "+value);

    x=1500+1500/5+value*10*cos(startAngle+(radians(15)));
    y=1500/2 -100+value*10*sin(startAngle+(radians(15)));
    stroke(0);
    strokeWeight(5);
    point(x,y);
    if(value2!=-1)
    {
      point(x2,y2);
      strokeWeight(1);
      line(x,y,x2,y2);
    }
    strokeWeight(0);
    textSize(18);
    fill(0);
    text(chart.data[i].month,x+5,y+5);

结果：

P5处理中可视化文本如何打散？

How to unjumble the texts on visualization in P5 processing?

javascript

processing

p5.js