【问题标题】:Pie chart in p5.jsp5.j​​s 中的饼图
【发布时间】:2021-08-08 04:08:20
【问题描述】:

我正在尝试使用 p5js 在 javascript 中创建饼图,但是我很难弄清楚如何使用 % 值绘制不同饼“块”的开始和结束位置。谁能给我一个圆弧的例子,它是一个完整圆的 20%,我需要做哪些计算才能自己弄清楚?

【问题讨论】:

  • 欢迎来到stackoverflow。立即获得反对票和关闭投票有点苛刻,但这是因为您的问题的当前形式被表述为好像您希望人们为您编写代码,而您却没有将您的尝试作为一个突出您的特定部分的最小示例挣扎着。请考虑到这些要点,重新表述您的问题。您可能还会发现此问题和答案相关:stackoverflow.com/questions/68660637/…
  • 花一分钟时间到take the tour 赢取徽章。它应该让您了解该网站与论坛的运作方式有何不同。

标签: javascript draw trigonometry pie-chart p5.js


【解决方案1】:

度数通常以弧度为单位,但您可以使用angleMode(degrees) 将其更改为度数,360 度圆的 20% 是 72。因此您可以使用以下代码

angleMode(degrees)

arc(Xposition,Yposition,Width,Height,0,72)

【讨论】:

    【解决方案2】:

    把例子改成:letangles = [72, 324];

    72 是 360 度的 20%。

    https://p5js.org/examples/form-pie-chart.html

    【讨论】:

      猜你喜欢
      • 2014-11-24
      • 2021-12-14
      • 1970-01-01
      • 2020-01-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-03-24
      相关资源
      最近更新 更多