如何在D3PIE中更改饼图的颜色

时间:2019-01-22 13:42:57

标签: javascript jquery

我正在尝试修改以下我在网上看到的使用d3pie js的code。我似乎无法弄清楚如何更改颜色?我是Java语言的超级新手,想在我的网站上使用此图表。...

g.append("path")
        .attr("id", function(d, i) { return pie.cssPrefix + "segment" + i; })
        .attr("fill", function(d, i) {
            var color = colors[i];
            if (pie.options.misc.gradient.enabled) {
                color = "url(#" + pie.cssPrefix + "grad" + i + ")";
            }
            return color;
        })

有任何线索吗? Kinda不太了解:(

1 个答案:

答案 0 :(得分:0)

"data": {
    "content": [
        {
            "label": "Programación",
            "value": 6000,
            "color": "#82ccfb"
        },
        {
            "label": "Blogging",
            "value": 20,
            "color": "#FF0000"
        },
        {
            "label": "Ilustración / Arte",
            "value": 60,
            "color": "#395197"
        },
        {
            "label": "Diseño Gráfico",
            "value": 50,
            "color": "#457cda"
        },
        {
            "label": "Rotulación",
            "value": 20,
            "color": "#b0dae1"
        },
        {
            "label": "Agricultura",
            "value": 10,
            "color": "#062831"
        },
        {
            "label": "Diseño Web",
            "value": 80,
            "color": "#FF0000"
        }
    ]
},

它在js文件的末尾。在2215行。检查它。我改变一些颜色。