繁体   English   中英

D3.js:如何在饼图上放置标签和固定颜色

[英]D3.js: how to put labels and fix colors on a pie chart

我是D3的新手,但我不太擅长js,但我仍然很乐于使用d3制作饼图。 我将数据存储在数组data ,并将标签希望存储在数组labels

我基于此示例http://bl.ocks.org/mbostock/3887193 ,它很容易理解。 我的图表的重点是我将值存储在数组中,而不是存储在csv文件中,因此我删除了d3.csv函数。

该图形到目前为止效果很好,但不会使用其他颜色,也不会显示标签。

我可以考虑两种可能的解决方案:

  1. 循环遍历元素g (包含所有数据),然后插入标签文本
  2. 或创建一个包含标签和值的对象,并将其传递给.data()行中的g

但我无法修复它。

这是我的代码http://jsfiddle.net/RAJrA/3/

任何帮助和一些解释将非常棒!

如果像示例中那样表示数据,一切将变得更加容易。 这里是一个FIDDLE希望证明。 (为了方便起见,我更改了颜色并剪切了一些数据,但这很容易更改。)

var data = [{"age": "5-13", "population": 4499890},
            {"age": "14-17", "population": 2159981},
            {"age": "18-24", "population": 3853788}];

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM