如何在chartjs中更改背景並刪除背景線？

Question

如何更改背景顏色，並刪除這些線，以及如何cahnge一些tex，

例如：文本的點，當你懸停在某些點上，你會得到這個標題和值。

我的js

function creating_chart(get_wrapper,type_of_chart, labels_of_chart, data_of_charts, title_of_chart){ 
       var ctx = document.getElementById(get_wrapper).getContext('2d'); 
       var myChart = new Chart(ctx, { 
        type: type_of_chart, 
        data: { 
         labels: labels_of_chart, 
         datasets: [{ 
          label: title_of_chart, 
          data: [2220, 19998, 55547, 55784, 999985], //data_of_charts 
          backgroundColor: [ 
           'rgba(47, 152, 208, 0.2)', 
          ], 
          borderColor: [ 
           'rgba(19, 247, 228,1)', 
          ], 
          borderWidth: 2, 
          pointBackgroundColor: 'rgba(19, 247, 228,1)', 
          pointBorderColor: 'rgba(19, 247, 228,1)', 
          pointBorderWidth: 5, 
         }] 
        }, 
        options: { 
         scales: { 
          yAxes: [{ 
           ticks: { 
            beginAtZero:true 
           } 
          }] 
         } 
        } 
       }); 
      }; 

Answer 1

改變背景顏色

使用CSS設置帆布（圖表）元件背景色：

canvas { 
    background-color: rgba(47, 152, 208, 0.1); 
} 

移除網格線

羣組柵格線display屬性false對於x和y軸：

scales: { 
    xAxes: [{ 
     gridLines: { 
     display: false 
     } 
    }], 
    yAxes: [{ 
     gridLines: { 
     display: false 
     } 
    }] 
} 

工具提示的變更文本's標籤（加$符號）

使用一個回調函數工具提示標籤，因爲這樣的：

tooltips: { 
    callbacks: { 
     label: function(t, d) { 
     var xLabel = d.datasets[t.datasetIndex].label; 
     var yLabel = d.datasets[t.datasetIndex].data[t.index]; 
     return xLabel + ': $' + yLabel; 
     } 
    } 
} 

看到一個working example。