因此,在chart.js的第1版中,我们可以使用legendTemplates来格式化和设置图表标签出现的位置和方式 . 然而,由于切换到v2我似乎无法找到一个等效的 . 请参阅下面的饼图,其中标签的方式是浓缩的 .
理想情况下,我可以使用一些表单选项来移动,展开或以其他方式设置这些标签的样式 .
这是我使用的旧图例模板的示例
legendTemplate : "<ul class=\"<%=name.toLowerCase()%>-legend text-center\"><% for (var i=0; i<segments.length; i++){%><li><span style=\"background-color:<%=segments[i].fillColor%>\"></span><%if(segments[i].label){%><%=segments[i].label.capitalizeFirstLetter()%><%}%></li><%}%></ul>"
1 回答
您可以使用配置选项部分配置图例,如下所述:http://www.chartjs.org/docs/latest/configuration/legend.html
例:
此代码将图例移动到图表的左侧,使彩色框变小,并增加图例项之间的空白量 .
工作JSFiddle:https://jsfiddle.net/o81qqrLn/1/
您可以查看可配置图例的完整列表,标签选项是上面链接的文档 .