Chart.js V2格式化/樣式標籤

Question

因此，在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>" 

Answer 1

您可以使用配置選項部分配置的傳說，因爲這裏說明： http://www.chartjs.org/docs/latest/configuration/legend.html

例子：

var chartInstance = new Chart(ctx, { 
    type: 'pie', 
    data: data, 
    options: { 
     legend: { 
      position: 'left', 
      labels: { 
       boxWidth: 15, 
       padding: 20 
      } 
     } 
    } 
}) 

此代碼將圖例移動到圖表的左側，將使彩色框變小，並增加上午圖例項目之間的空白的數量。

工作的jsfiddle：https://jsfiddle.net/o81qqrLn/1/

您可以查看配置的傳說和標籤選項的完整列表，上面鏈接的文檔。