【发布时间】：2014-09-02 16:22:53
【问题描述】：
我很难弄清楚如何在我的 Chart JS 折线图中显示标签、图例和标题。我直接从example 复制了代码（转载如下）。但是，“我的第一个数据集”标签并没有出现在图表上的任何地方，所以我无法分辨哪条线是哪条线。我也尝试向我的数据集添加“标题”，但没有运气。有人知道我错过了什么吗？
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]
}
]};
谢谢， 萨斯瓦特
【问题讨论】：
-
我也无法在使用默认代码时显示标签。要访问图例，我这样做： $(element).parent().append( myNewChart.generateLegend() ); （其中 myNewCart 是我在创建图表时使用的变量。
-
另一条评论。在将其提取并创建小提琴之后，标签确实按预期显示，所以对我来说必须有一些其他代码在干扰。我无法想象它会是什么，我的生产站点中的相关代码与我的小提琴完全相同，但在小提琴中标签显示。嗯嗯……
-
我想您正在寻找的解决方案已经回答了另一个问题：stackoverflow.com/questions/24510278/… Regards Lucas
标签： chart.js