无法使用ChartJs创建图例

Question

我正在使用ChartJs,一切正常.

我现在需要添加一个传奇并遇到问题!传奇从未显示过.

我已经看到如何为chart.js(chartjs.org)中的所有图表类型添加标签/图例？并且可以确认我有当前的最新版本(版本1.0.2)

我运行了Chrome开发工具,并意识到传奇没有显示的原因是因为抛出异常(饼图仍然显示).错误消息是

未捕获的ReferenceError:未定义数据集

这是我用于PieChart的代码

//data copied direct from the ChartJs docs
data = [
      {
          value: 300,
          color:"#F7464A",
          highlight: "#FF5A5E",
          label: "Red"
      },
{
    value: 50,
    color: "#46BFBD",
    highlight: "#5AD3D1",
    label: "Green"
}
    ];


    ctx = $("#adwordsPieChart").get(0).getContext("2d");
    var myPieChart = new Chart(ctx).Pie(data, chartOptions);
    var legendAdwordsVsOrganic = myPieChart.generateLegend();

    document.getElementById("adwordVsOrganicLegend").innerHTML = legendAdwordsVsOrganic;

我在IE和Chrome中检查过同样的问题,确实如此.

我不知道如何解决这个问题.我按照说明(我认为).有任何想法吗？

的jsfiddle

Answer 1

问题在于legendTemplate.更换所有datasets有segments.

像这样:

legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<segments.length; i++){%><li><span style=\"background-color:<%=segments[i].lineColor%>\"></span><%if(segments[i].label){%><%=segments[i].label%><%}%></li><%}%></ul>"

的jsfiddle