如何隐藏网格线，但在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" 
         ] 
        }] 
   };