我正在尝试找到我需要的完美解决方案,饼图上的标签和底部的标签(图例)。
我读了很多,我明白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);