如何用D3添加一个简单的圆弧
How to add a simple arc with D3
我想在图表部分添加一个像圆圈一样的简单圆弧:
vis.append("circle")
.style("stroke", "gray")
.style("fill", "white")
.attr("r", 40)
.attr("cx", 50)
.attr("cy", 50);
提供的D3示例使用数据属性,但我希望看到它没有任何底层数据。
D3为圆弧使用路径生成器。如果你不想数据驱动你的电弧,只需定义电弧发生器并添加一些方法。。。
var arc = d3.svg.arc()
.innerRadius(50)
.outerRadius(70)
.startAngle(45 * (Math.PI/180)) //convert from degs to radians
.endAngle(3) //just radians
vis.append("path")
.attr("d", arc)
.attr("transform", "translate(50,50)")
您可以在此处看到演示:http://jsfiddle.net/h9XNz/
相关文章:
- Moment/Jquery-一个简单时间线的愚蠢问题
- 问题用moment JS制作一个简单的时间表
- 我怎么能让流星简单模式中的一个字段等于一个js变量,并且仍然让用户填写简单模式的其余部分
- 测试一个简单的javascript按钮
- 用Jquery map和moment js制作一个简单的时间线
- 简单的垂直上一个和下一个按钮代码点击上下移动jQuery
- PayPal按钮是否有一个简单的选项,其中金额基于一些用户输入
- 调试一个简单的jQuery函数;想知道是否与其他代码冲突
- 是否有一个javascript库来解析简单的查询
- 一个简单的粘性头jQuery脚本的问题
- 简单的Javascript方式,在输入字段的每5位数字后添加一个空格
- Sencha Touch使一个简单的按钮工作
- 正在寻找一个非常简单的例子UpdateListItems与Sharepoint2007的SPservices
- html表单,它有文本和表,现在我想在一个简单的文本文件中保存和检索数据,如何实现它
- 如何在Javascript中定义一个简单的自动重启倒计时
- 如何使一个简单的HTML文件成为wordpress中可用的页面
- 如何用D3添加一个简单的圆弧
- angularjs做一个简单的倒计时
- 每次使用 Javascript 加载页面时增加一个数字(变量)的简单方法
- 创建一个简单的处理 p5.js 库