DC.js - colorMixin

colorMixincung cấp sự hỗ trợ màu sắc cho tất cả các biểu đồ, những biểu đồ này cần phải trực quan hóa bằng cách sử dụng màu sắc. Hệ thống phân cấp của colorMixin được xác định trong sơ đồ bên dưới.

colorMixin cung cấp danh sách các phương pháp sau để làm việc với màu sắc và chúng như sau:

colorAccessor ([colorAccessor])

Nhận hoặc đặt chức năng truy cập màu. Điều này sẽ ánh xạ một giá trị màu riêng biệt trong thang màu cho mỗi điểm dữ liệu trong nhóm Bộ lọc chéo bên dưới. Công cụ truy cập màu mặc định như sau:

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

colorDomain ([miền])

Nhận hoặc đặt miền hiện tại cho chức năng ánh xạ màu và nó phải được cung cấp dưới dạng một mảng.

tính toánColorDomain ()

Đặt miền màu bằng cách xác định giá trị tối thiểu và tối đa của phần tử dữ liệu được tìm thấy bằng cách sử dụng hàm colorAccessor ().

màu sắc ([colorScale])

Nhận hoặc đặt thang màu. Nó chấp nhậnd3.scale.

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

Màu tuyến tính (r)

Phương pháp phím tắt để đặt thang màu tuyến tính nội suy.

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

ordinalColors (r)

Phương thức phím tắt để đặt thang màu thứ tự.

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