是否可以在Chart.JS条中添加单独的标签?

本文关键字：单独添加标签 Chart JS 是否 | 更新日期: 2023-09-27 18:17:12

我有一个功能齐全的Chart.JS条形图按预期加载，但是我想将用户名添加到与它们相关的每个条形图中，以便管理员(谁可以看到所有条目)可以区分它们。

function BarChart(data) {
                var barChartData = {
                    labels: data.Month,
                    datasets: [
                        {
                            label: 'Weight (kg)',
                            fillColor: "rgba(220,220,220,0.5)",
                            backgroundColor: "rgba(46, 44, 211, 0.7)",
                            highlightFill: "rgba(220,220,220,0.75)",
                            highlightStroke: "rgba(220,220,220,1)",
                            data: data.Weight
                        },
                        {
                            label: 'Steps',
                            fillColor: "rgba(0,0,0,0.5)",
                            backgroundColor: "rgba(215, 44, 44, 0.7)",
                            highlightFill: "rgba(0,0,0,0.5)",
                            highlightStroke: "rgba(0,0,0,0.5)",
                            data: data.Steps
                        }
                    ]
                }
                var ctx = document.getElementById("barchart").getContext("2d");
                window.myBar =new Chart(ctx, {
                    type: 'bar',
                    data: barChartData,
                    options: { responsive: true }
                });

我已经成功地传递了Usernames，它们可以通过使用data来调用。但是，当我将其附加到Steps或Weight标签时，我最终得到"Steps for: admin,admin,admin"(因为我有三个条目，都来自admin)。