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

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

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

  1. var data = {
  2. labels: ["January", "February", "March", "April", "May", "June", "July"],
  3. datasets: [
  4. {
  5. label: "My First dataset",
  6. fillColor: "rgba(220,220,220,0.2)",
  7. strokeColor: "rgba(220,220,220,1)",
  8. pointColor: "rgba(220,220,220,1)",
  9. pointStrokeColor: "#fff",
  10. pointHighlightFill: "#fff",
  11. pointHighlightStroke: "rgba(220,220,220,1)",
  12. data: [65, 59, 80, 81, 56, 55, 40]
  13. },
  14. {
  15. label: "My Second dataset",
  16. fillColor: "rgba(151,187,205,0.2)",
  17. strokeColor: "rgba(151,187,205,1)",
  18. pointColor: "rgba(151,187,205,1)",
  19. pointStrokeColor: "#fff",
  20. pointHighlightFill: "#fff",
  21. pointHighlightStroke: "rgba(151,187,205,1)",
  22. data: [28, 48, 40, 19, 86, 27, 90]
  23. }
  24. ]};

谢谢你,萨斯瓦特

bjg7j2ky

bjg7j2ky1#

在选项中添加此参数

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

相关问题