ฉันใช้ ChartJS ในโปรเจ็กต์ที่ฉันกำลังทำอยู่และฉันต้องการสีที่แตกต่างกันสำหรับแต่ละแท่งในแผนภูมิแท่ง
นี่คือตัวอย่างของชุดข้อมูลแผนภูมิแท่ง:
var barChartData = {
labels: ["001", "002", "003", "004", "005", "006", "007"],
datasets: [{
label: "My First dataset",
fillColor: "rgba(220,220,220,0.5)",
strokeColor: "rgba(220,220,220,0.8)",
highlightFill: "rgba(220,220,220,0.75)",
highlightStroke: "rgba(220,220,220,1)",
data: [20, 59, 80, 81, 56, 55, 40]
}]
};
มีวิธีใดบ้างในการทาสีแต่ละแท่งให้แตกต่างกัน?
fillColor
ของชุดข้อมูลให้เป็นอาร์เรย์และ chart.js จะวนซ้ำผ่านอาร์เรย์โดยเลือกสีถัดไปสำหรับแต่ละแท่งที่วาด