2016-05-12 23 views
7

Grafik.js'de ızgaramın arka plan rengini değiştirmeye çalışıyorum, belgeleri takip etmeyi denedim ve çok fazla araştırma yaptım ama Anlamayacak gibi görünüyor. Ayrıca en üstteki etiketten kurtulmak istiyorum, bunu yapmanın kolay bir yolunu bulamıyorum. http://www.chartjs.org/docs/#bar-chartChart.js çubuk şeması: Izgara rengi ve etiketi gizle

Çözüm:

<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> 

teşekkür bahsettiğim etiket "İlk veri kümesi" Burada demo diyor etikettir! Tuval öğesi için arka plan rengi kullanımı css için,

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

Ve: Kodunuzdaki Böylece

legend:{ 
     display:false 
} 

: options config altında Kullanımı:

cevap

8

efsane ama lable yani hiçbir şey gizlemek için

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

Bu sizin için yapacağını umuyorum!

+0

Teşekkürler! efsanenin bu kodla kaldırılmış olması! – paradizzee

+0

Ama ızgarayı yeniden gözden geçirmeye çalışıyordum, bu yüzden arka plandaki çizgiler bunun nasıl çalıştığına dair bir fikrin var mı? Teşekkürler! Arka plan ızgarası rengi için – paradizzee

+0

: terazi: { xAxes: [{ kılavuz çizgileri: { göstermektedir: gerçek, rengi: "kırmızı", } }] } Y ekseni Benzer şekilde – Krishnakant

İlgili konular