时间戳

首页 > 解决方案 > 如何在 d3pie 中更改饼图的颜色

javascript - 如何在 d3pie 中更改饼图的颜色

问题描述

我正在尝试修改我在网上看到的使用 d3pie js的以下代码。我似乎无法弄清楚如何更改颜色？我是 Javascript 的超级新手，想在我的网站上使用这个图表....

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;
        })

有什么线索吗？有点不太明白:(

标签： javascriptjquery

解决方案

"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 行。检查它。我改变了一些颜色。

推荐阅读