小编Nda*_*a.S的帖子

Chartjs饼图的每个部分的随机颜色,数据动态数据

我想动态设置饼图的每个部分的颜色.由于图表是从数据库动态创建的,我希望每个添加到图表(从数据库)的部分都有不同的颜色.

我试图这样做:

$(document).ready(function() {
$.ajax({
url: "http://localhost/chartjs/projects_chart.php",
method: "GET",
success: function(data) {
    console.log(data);
    var ict_unit = [];
    var efficiency = [];
    var dynamicColors = function() {
        var r = Math.floor(Math.random() * 255);
        var g = Math.floor(Math.random() * 255);
        var b = Math.floor(Math.random() * 255);
        return "rgb(" + r + "," + g + "," + b + ")";
    };

    for (var i in data) {
        ict_unit.push("ICT Unit " + data[i].ict_unit);
        efficiency.push(data[i].efficiency);
         var coloR=dynamicColors();
    }
    var chartData = {

        labels: ict_unit, …
Run Code Online (Sandbox Code Playgroud)

javascript jquery charts chart.js

16
推荐指数
1
解决办法
3万
查看次数

标签 统计

chart.js ×1

charts ×1

javascript ×1

jquery ×1