Chart.js條形圖：網格顏色和隱藏標籤

我試圖改變我的網格在chart.js中的背景顏色，我試過按照文檔，我做了很多研究，但我可以似乎沒有弄明白。我也想擺脫頂級品牌，找不到一個簡單的方法來做到這一點。我說的標籤是在說：「我的第一個數據集」在這裏演示標籤：http://www.chartjs.org/docs/#bar-chart Chart.js條形圖：網格顏色和隱藏標籤

解決方案：

<canvas id="myChart"></canvas> 
<script> 
    var ctx = document.getElementById("myChart"); 

    var myChart = new Chart(ctx, { 
    type: 'bar', 
    data: { 
     labels: ["Maandag", "Dinsdag", "Woensdag", "Donderdag", "Vrijdag", "Zaterdag", "Zondag"], 
    datasets: [{ 
    label: "", 
    data: [12, 19, 3, 5, 2, 3, 4], 
    backgroundColor: "rgba(3, 118, 195, 0.5)", 
    borderColor: "rgba(0, 158, 219, 1)", 
    borderWidth: "2", 
    }] 
}, 
options: { 
    legend:{ 
     display: false 
    }, 
    scales: { 
    xAxes: [{ 
     gridLines: { 
      show: true, 
      color: "F3F3F3", 
     } 
    }], 
    yAxes: [{ 
     ticks: { 
     beginAtZero: true 
     } 
    }] 
    }, 

} 
    }); 

</script>

謝謝！

來源

2016-05-12 paradizzee

要隱藏拉布勒即只是傳說：下面的配置使用在options：

legend:{ 
     display:false 
}

因此，在你的代碼：

options: { 
    legend:{ 
      display:false 
    }, 
    scales: { 
     yAxes: [{ 
      ticks: { 
      beginAtZero: true 
      } 
     }] 
     } 
    }

而且，對於背景顏色使用CSS canvas元素：

<canvas id="myChart" style="background-color: grey;">

希望這會對你有幫助！

來源

2016-05-13 09:03:55 Krishnakant

謝謝！用該代碼刪除了圖例！ – paradizzee

但我試圖重新着色網格，所以在背景上的線路有什麼想法如何工作？謝謝！ – paradizzee

對於背景網格線顏色：秤：{ xAxes：[{ 網格線：{ 顯示：真，色「紅」， } }] } 類似地，對於Y軸 – Krishnakant

Chart.js條形圖：網格顏色和隱藏標籤

回答

相關問題