2017-07-26 93 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

相关问题