2016-05-12 10 views
7

मैं चार्ट.जेएस में अपने ग्रिड के पृष्ठभूमि रंग में बदलने की कोशिश कर रहा हूं, मैंने प्रलेखन का पालन करने का प्रयास किया है और मैंने बहुत सारे शोध किए हैं लेकिन मैं कर सकता हूं यह समझ में नहीं आता है। मैं शीर्ष लेबल से छुटकारा पाने के लिए भी चाहता हूं, इसे करने का एक आसान तरीका नहीं मिल सकता है। http://www.chartjs.org/docs/#bar-chartचार्ट.जेएस बार चार्ट: ग्रिड रंग और छुपाएं लेबल

समाधान::

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

धन्यवाद लेबल के बारे में मैं बात कर रहा हूँ लेबल है कि "मेरी पहली डाटासेट" कहते हैं डेमो यहाँ पर है! कैनवास तत्व के लिए पृष्ठभूमि रंग उपयोग सीएसएस के लिए

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

और,: options में config नीचे उपयोग::

उत्तर

8

लेकिन कथा करने के लिए सक्षम यानी कुछ भी नहीं छिपाने के लिए

legend:{ 
     display:false 
} 
इस प्रकार अपने कोड में

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

आशा है कि यह आपके लिए करेगा!

+0

धन्यवाद! उस कोड के साथ किंवदंती हटा दी गई! – paradizzee

+0

लेकिन मैं ग्रिड को फिर से लिखने की कोशिश कर रहा था, इसलिए पृष्ठभूमि पर रेखाएं इस बात पर कोई विचार करती हैं कि यह कैसे काम करता है? धन्यवाद! – paradizzee

+0

पृष्ठभूमि ग्रिड लाइन रंग के लिए: तराजू: { xAxes: [{ ग्रिडलाइनें: { शो: सच है, का रंग: "लाल", } }] } Y- अक्ष के लिए इसी तरह – Krishnakant

संबंधित मुद्दे