圖表js傳奇模板

Question

我正在嘗試爲圖表js中的傳說製作一些自定義模板。看過一些示例後，我大致熟悉語法，但我需要知道的一件事是如何獲取在製作圖表時傳入的數據的值。我目前這個模板，

"<% var segment_sum = 0;%>" + 
"<% for (var i = 0; i < data.length; i++) { segment_sum += data[i].value; }%>" + 
     "<ul><% for (var i=0; i<segments.length; i++){%>" + 
       "<li>" + 
        "<span style=\"color:<%=segments[i].fillColor%>\" class=\"legend-num\">" + 
         "<%= Math.round(data[i].value/segment_sum * 100) %>" + 
        "</span>" + 
        "<span class=\"legend-percent\">" + 
         "%" + 
        "</span>" + 
        "<span class=\"legend-divider\">" + 
         "|" + 
        "</span>" + 
        "<span class=\"legend-label\">" + 
         "<img src=\"/content/img/star.png\" />" + 
        "</span>" + 
       "</li>" + 
      "<% } %>" + 
     "</ul>"; 

我發現我可以使用變量「數據」，我已經局部聲明但這使得模板少可重複使用的，因爲有人將不得不說出自己的數據集的「數據」明確。段是否有用於獲取數據值的字段？

Answer 1

您可以從圖表元素集合中訪問數據。例如，對於餅圖，你可以做

myPieChart.segments.forEach(function (segment) { 
    console.log(segment.value) 
}) 

同樣，每個圖表類型都有一個集合。請在http://www.chartjs.org/docs

中的圖表類型的原型方法部分中查找 update()方法