小编B. *_*ron的帖子

如何在堆叠条上同时显示数据标签和总和

我尝试在堆叠条形图中同时显示数据标签和总和。

\n\n

我使用 Chartjs-plugin-datalabels.js 来显示数据标签或总和。

\n\n

上面只是带有数据标签:\n带数据标签

\n\n

上面只是总和:\n在此输入图像描述

\n\n

我希望将两者放在同一个图表中。

\n\n

我使用以下技巧来求和显示:

\n\n
<script>\n    const totalizer = {\n  id: \'totalizer\',\n\n  beforeUpdate: chart => {\n    let totals = {}\n    let utmost = 0\n\n    chart.data.datasets.forEach((dataset, datasetIndex) => {\n      if (chart.isDatasetVisible(datasetIndex)) {\n        utmost = datasetIndex\n        dataset.data.forEach((value, index) => {\n          totals[index] = (totals[index] || 0) + value\n        })\n      }\n    })\n\n    chart.$totalizer = {\n      totals: totals,\n      utmost: utmost\n    }\n  }\n}\n\nnew Chart(\'chart\', {\n  type: \'bar\',\n  data: {\n    labels: ["Note par th\xc3\xa8me du r\xc3\xa9pondant", "Note par …
Run Code Online (Sandbox Code Playgroud)

chart.js

7
推荐指数
1
解决办法
7071
查看次数

标签 统计

chart.js ×1