Javascript 在Chart.js行中显示数据集标签

我能够使用Charts.js工具生成折线图。2014年和2015年有两个数据集。工具提示仅显示每月值，而不显示数据集值。如何启用它？

tooltipTemplate

not

multiTooltipTemplate

都不能解决此问题。我也需要显示年份。 下面是javascript代码

<script>
var data = {
    labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December", ],
    datasets: [
        {
            label: "2015",
            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: [3, 7, 2, 0, 1, 0, 1, 3, 8, 0, 1, 0]
        },
        {
            label: "2014",
            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: [3, 2, 3, 4, 0, 3, 2, 3, 0, 1, 1, 5]
        }
    ]
};
window.onload = function(){
    document.getElementById("myChart").width = window.innerWidth;
    var ctx = document.getElementById("myChart").getContext("2d");
    var myLineChart = new Chart(ctx).Line(data);
    }
</script>

风险值数据={
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”、“八月”、“九月”、“十月”、“十一月”、“十二月”、]，
数据集：[
{
标签：“2015年”，
填充颜色：“rgba（220220,0.2）”，
strokeColor:“rgba（2201）”，
点颜色：“rgba（220220,1）”，
pointStrokeColor:“fff”，
pointHighlightFill:“fff”，
pointHighlightStroke:“rgba（2201）”，
数据：[3,7,2,0,1,0,1,3,8,0,1,0]
},
{
标签：“2014年”，
填充颜色：“rgba（151187205,0.2）”，
strokeColor:“rgba（151187205,1）”，
点颜色：“rgba（151187205,1）”，
pointStrokeColor:“fff”，
pointHighlightFill:“fff”，
pointHighlightStroke:“rgba（151187205,1）”，
数据：[3,2,3,4,0,3,2,3,0,1,1,5]
}
]
};
window.onload=函数（）{
document.getElementById（“myChart”）.width=window.innerWidth；
var ctx=document.getElementById（“myChart”）.getContext（“2d”）；
var myLineChart=新图表（ctx）.Line（数据）；
}

下面是html代码

<canvas id="myChart" width="400" height="400" ></canvas>

---

您使用的是什么版本的chart.js

我可以使用v1.0.1-beta2确认工具提示有效

<script src="//cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1-beta.2/Chart.min.js"></script>

但不要使用v0.2.0

---

1.0.1-beta2版可从cdnjs获得。

在工具提示模板中使用

datasetLabel

：

var options = {
    multiTooltipTemplate: "<%= datasetLabel %>: <%= value %>"
}
var myLineChart = new Chart(ctx).Line(data, options);

var选项={
多工具模板：“
}
var myLineChart=新图表（ctx）.Line（数据、选项）；

---

这是一个工作模式。

sinto，我想是1.0.2。即使使用了你建议的CDN，我仍然看不到标签。试过这个吗？var ctx=document.getElementById（“图表”）.getContext（“2d”）；var myNewChart=newchart（ctx）.Line（chartData，{showTooltip:true，tooltipTemplate:“}）；按照你的建议试过了，但没有改变（你能用“chartData”来更改var数据吗？我这样做了，否则我就看不到折线图了。我在两个地方都编辑了数据。我可以看到图表，但看不到标签。我甚至尝试了MultitoolTiptTemplate而不是ToolTiptTemplate谢谢，这就解决了问题。是否可以保存javascript类，而不是依赖外部CDN？如果可以，l请下载ink？当然，您可以从下载完整的捆绑包（源代码、示例、文档）。您也可以直接从CDN本地保存文件。