如何隱藏網格線，但在chart.js上顯示圖例

Question

嗨我有當前的代碼來顯示當前使用chart.js版本2.5的餅圖。 https://jsfiddle.net/nLtacgoc/

1）如何隱藏網格線，同時仍顯示圖例？

2）目前，從代碼中，圖表頂部的圖例和數據標籤只響應下面的代碼，而不是數據集下的標籤：這裏也有問題嗎？

data: { 
    labels: ["Pass", "Retrain", "Fail"], 

Answer 1

1. 要刪除您例如網格線只是刪除所有尺度配置。只要刪除下面的代碼。看到這個forked version。

   scales: { 
       xAxes: [{         
       ticks: {           
        beginAtZero:true 
       }         
       }],      
       yAxes: [{ 
       ticks: {           
        beginAtZero:true 
       } 
       }] 
   } 
   

   應該刪除的原因是因爲餅圖沒有x或y軸。通過添加這個配置，你最終迫使chart.js與餅圖一起渲染網格。

2. 餅圖和圓環圖與條形圖和折線圖有點不同，因爲數據集標籤被忽略。只有數據標籤數組用於生成圖例和工具提示。這裏是一個示例數據配置來解釋我的意思。

   var data = { 
       labels: [ 
        "Red", 
        "Blue", 
        "Yellow" 
       ], 
       datasets: [ 
        { 
         data: [300, 50, 100], 
         backgroundColor: [ 
          "#FF6384", 
          "#36A2EB", 
          "#FFCE56" 
         ], 
         hoverBackgroundColor: [ 
          "#FF6384", 
          "#36A2EB", 
          "#FFCE56" 
         ] 
        }] 
   };