如何在Node-RED中使用chart.js创建双轴饼图

r9f1avp5  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(654)

正如标题所示,我想在Node-RED中使用chart.js创建一个类似附件的饼图,这是一个显示当天活动记录的饼图,但我很担心,因为我无法设置双轴标签。

rvpgvaaj

rvpgvaaj1#

您可以使用chartjs-plugin-datalabels,并使用weight: 0定义一个dataset来显示数字。

  1. {
  2. data: [...Array(24)].map(v => 1),
  3. weight: 0,
  4. rotation: -7.5,
  5. borderWidth: 20,
  6. datalabels: {
  7. formatter: (v, ctx) => ctx.dataIndex
  8. }
  9. }

要改进数字的定位,请参阅chartjs-plugin-datalabels文档here
请看一下下面的可运行代码,看看它是如何工作的。
第一个

相关问题