chartjs vs newchartsjs - 添加标签和图例

时间:2015-02-26 08:13:10

标签: jquery chart.js

我正在尝试找到我需要的完美解决方案,饼图上的标签和底部的标签(图例)。

enter image description here

我读了很多,我明白newchartjs可以给我选择在图表上添加标签但不是传奇。虽然我成功地在chartjs上添加了图例而不是标签。

我可以添加两者吗?

哪个插件能够提供标签和图例?

var options = {
     tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>%",
     legendTemplate: '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<segments.length; i++){%><li class="legend_label legend_<%=segments[i].label%>"><span style="color:<%=segments[i].fillColor%>"><%=segments[i].label%></span><span style="color:<%=segments[i].fillColor%>"> : </span><span style="color:<%=segments[i].fillColor%>"><%= Math.floor(((segments[i].value/total)*100)+0.5) %>% </span></li><%}%></ul>',
     showTooltips: false
 };
 var ctx = $('#chart_'+index).find('canvas').get(0).getContext('2d');

 var myPieChart = new Chart(ctx).Pie(chart_data,options);
 var helpers = Chart.helpers;
 myPieChart.showTooltip(myPieChart.segments, true);
 var legend = myPieChart.generateLegend();
 $('#chart_'+index).find('.legend').html(legend);
  myPieChart.chart.canvas.parentNode.parentNode.appendChild(legend.firstChild);

0 个答案:

没有答案