ChartJS:如何让标签、图例、标题显示出来?

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

我很坚韧弄清楚如何在我的Chart JS折线图中显示标签、图例和标题。我直接从示例中复制了代码(如下所示)。但是,标签“我的第一个数据集”在图表上的任何地方都没有显示,所以我不能区分哪一行是哪一行。我也尝试在数据集中添加“标题”,但没有成功。有人知道我遗漏了什么吗?

var data = {
    labels: ["January", "February", "March", "April", "May", "June", "July"],
    datasets: [
        {
            label: "My First dataset",
            fillColor: "rgba(220,220,220,0.2)",
            strokeColor: "rgba(220,220,220,1)",
            pointColor: "rgba(220,220,220,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
            data: [65, 59, 80, 81, 56, 55, 40]
        },
        {
            label: "My Second dataset",
            fillColor: "rgba(151,187,205,0.2)",
            strokeColor: "rgba(151,187,205,1)",
            pointColor: "rgba(151,187,205,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(151,187,205,1)",
            data: [28, 48, 40, 19, 86, 27, 90]
        }
    ]};

谢谢你,萨斯瓦特

bjg7j2ky

bjg7j2ky1#

在选项中添加此参数

multiTooltipTemplate: "<%= datasetLabel %> - <%= value %>"

相关问题