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

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

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

rvpgvaaj

rvpgvaaj1#

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

{
  data: [...Array(24)].map(v => 1),
  weight: 0,        
  rotation: -7.5,
  borderWidth: 20,
  datalabels: {
    formatter: (v, ctx) => ctx.dataIndex
  }
}

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

相关问题