如何使用d3.js在环境图中创建数据的标签 [英] how to create labels for data in donut chart using d3.js

查看:156
本文介绍了如何使用d3.js在环境图中创建数据的标签的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个环形图,可更新点击数据。我想为相同的数据添加标签。我目前正在使用 d3.js javascript库。
这是我的代码在jsfiddle

I have a donut chart which updates data on click. I want to add labels to the same data. I am currently using the d3.js javascript library. Here is my code on jsfiddle

推荐答案

您必须使用 arc.centroid 功能。请查看以下示例:

You have to use the arc.centroid function. Take a look at the following examples:

  • http://jsfiddle.net/nrabinowitz/GQDUS/
  • http://bl.ocks.org/2295263
  • http://jsfiddle.net/MX7JC/9/
  • http://blog.stephenboak.com/2011/08/07/easy-as-a-pie.html

这篇关于如何使用d3.js在环境图中创建数据的标签的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆