2017-07-26 51 views
-1

我正在使用Chartjs(V2.6.0)餅圖,我想在餅圖切片上顯示標籤。 請在下面找到我正在使用Chartjs 2.6.0創建餅圖。我想在Slices上顯示標籤

HTML畫布mycode的:

<canvas id="pieChart" style="height:250px"></canvas> 

我的圖表選項,對象是

var pieOptions = { 
     elements: { 
      arc: { 
       borderWidth: 0 
      } 
     }, 
    layout: { 
     padding: { 
      left: 0, 
      right: 0, 
      top: 10, 
      bottom: 0 
     } 
    }, 
    legend: { 
     display: true, 
     position: 'right', 
     labels: { 
       boxWidth: 12 
      } 
    } 
}; 

我海圖編:

[![new Chart($("#pieChart"), { 
        type: 'pie', 
//     type: 'doughnut', 
        data: { 
         labels: \['4HR', 'Ba-D', 'Cx-D', 'CID'\], 
         datasets: \[ 
          { 
           data: \[12,43,67,98\] 
          } 
         \] 
        }, 
        options: pieOptions 
       });][1]][1] 

回答

0

您可以使用ChartPieceLabel

嘗試link下載

另外,如果你想看到他們如何看演示,你可以嘗試以下link

+0

它爲我,但是使用這個要麼我可以顯示標籤或值。 我想顯示 - 標籤(值)。是有這種 我的代碼的任何選項: pieceLabel:{ 模式:「標籤」, FONTCOLOR:「#000」, 位置:「外部」 } – ansh

+0

我相信一定有辦法,但老實說,你不想用這種詳細的信息來混亂你的圖形。你的傳說可以幫助你。同時我會尋找一個解決方案,如果我能找到。 – Amit

相關問題