ChartJS 将标签分别放置在条形图和折线图上

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

我想知道如何在条形图和折线图上分别放置标签。
在条形图上,我想把标签放在条形图的上面,而在折线图上,我想把标签放在折线的下面。
第一个

xxe27gdn

xxe27gdn1#

对于条形图,默认情况下,标签似乎显示在上方。
否则,您可以执行与行选项相同的操作,如下所示。
对于行,可以使用datalabels选项align
将选项添加到lineChart常量,如下所示...
在这里,我添加了offset,以增加一点距离。

const lineChart = {
  type: "line",
  label: "Line Dataset",
  data: l2,
  datalabels: {       <-- add options here
    align: 'bottom',
    anchor: 'end',
    offset: 8
  },
  yAxisID: "rel",
  order: 1,
  tension: 0.4
};

请参阅以下工作代码段...
第一个

相关问题