DC.js - colorMixin

colorMixinให้การสนับสนุนสีสำหรับแผนภูมิทั้งหมดซึ่งจำเป็นต้องเห็นภาพโดยใช้สี ลำดับชั้นของ colorMixin ถูกกำหนดไว้ในแผนภาพด้านล่าง

colorMixin มีรายการวิธีการทำงานกับสีดังต่อไปนี้และมีดังต่อไปนี้ -

colorAccessor ([colorAccessor])

รับหรือตั้งค่าฟังก์ชันตัวเข้าถึงสี การทำเช่นนี้จะจับคู่ค่าสีที่แตกต่างกันในระดับสีสำหรับจุดข้อมูลแต่ละจุดในกลุ่ม Crossfilter ที่อยู่เบื้องหลัง ตัวเข้าถึงสีเริ่มต้นมีดังนี้ -

mychart.colorAccessor(function (d, i){return i;})

colorDomain ([โดเมน])

รับหรือตั้งค่าโดเมนปัจจุบันสำหรับฟังก์ชันการแมปสีและต้องระบุเป็นอาร์เรย์

คำนวณColorDomain ()

ตั้งค่าโดเมนสีโดยกำหนดค่าต่ำสุดและสูงสุดขององค์ประกอบข้อมูลที่พบโดยใช้ฟังก์ชัน colorAccessor ()

สี ([colorScale])

รับหรือกำหนดระดับสี ยอมรับไฟล์d3.scale.

chart.colors(d3.scale.category20b());
chart.colors(d3.scale.ordinal().range(['red','green','blue']));

LinearColors (r)

วิธีทางลัดในการตั้งค่ามาตราส่วนสีเชิงเส้นแบบสอดแทรก

chart.linearColors(["#4575b4", "#ffffbf", "#a50026"]);

ลำดับสี (r)

วิธีทางลัดในการตั้งค่าระดับสีลำดับ

chart.ordinalColors(['red','green','blue']);