d3 .arc() .innerRadius(0) .outerRadius(radius)
withinRadius = (pointRelativePosition.distance >= this.innerRadius && pointRelativePosition.distance <= this.outerRadius); tooltipPosition : function(){ var centreAngle = this.startAngle + ((this.endAngle - this.startAngle) / 2), rangeFromCentre = (this.outerRadius - this.innerRadius) / 2 + this.innerRadius; return { x : this.x + (Math.cos(centreAngle) * rangeFromCentre), ctx.arc(this.x, this.y, this.innerRadius, this.endAngle, this.startAngle, true);
function createArc(data): string { return d3Shape .arc() .innerRadius(data.innerRadius || 0) .outerRadius(data.outerRadius || data.radius || 2) .startAngle(data.startAngle || 0) .endAngle(data.endAngle || 2 * Math.PI)(); }
_newArc() { return d3 .arc() .outerRadius(100) .innerRadius(20); }
this.body.append("svg:path") .style("fill", color) .attr("d", d3.svg.arc() .startAngle(this.valueToRadians(start)) .endAngle(this.valueToRadians(end)) .innerRadius(0.65 * this.config.raduis) .outerRadius(0.85 * this.config.raduis)) .attr("transform", function() { return "translate(" + self.config.cx + ", " + self.config.cy + ") rotate(270)" });
d3.arc() .startAngle( (d) => { return Math.max(0, Math.min(2 * Math.PI, x(d.x0))); }) .endAngle( (d) => { return Math.max(0, Math.min(2 * Math.PI, x(d.x1))); }) .innerRadius( (d) => { return Math.max(0, y(d.y0)); }) .outerRadius( (d) => { return Math.max(0, y(d.y1)); })
function measure() { _width=_diameter - _margin.right - _margin.left - _margin.top - _margin.bottom; _height=_width; _fontSize=_width*.2; _arc.outerRadius(_width/2); _arc.innerRadius(_width/2 * .85); _arc2.outerRadius(_width/2 * .85); _arc2.innerRadius(_width/2 * .85 - (_width/2 * .15)); }
// Returns a d3 arc // Which starts at 0 (top-center of circle) // Has an inner radius of 100px and outer radius of 110px arc() { return d3.arc() .innerRadius(this.props.innerRadius) .outerRadius(this.props.outerRadius) .startAngle(0) }
d3.arc() .startAngle(d => x(d.x0)) .endAngle(d => x(d.x1)) .innerRadius(d => d.y0) .outerRadius(d => d.y1)
const Arc = (props) => { const arc = d3.arc() .innerRadius(props.innerRadius) .outerRadius(props.outerRadius); return ( <Path d={arc(props.data)} style={{fill: props.color}} easing="cubicInOut" duration={300} /> ); }
d3.svg.arc().startAngle(function(d) { return -triangleAngle / 2; }).endAngle(function(d) { return triangleAngle / 2; }).innerRadius(function(d) { return geometryConfig.radialScale(domainMin + (d[2] || 0)); }).outerRadius(function(d) { return geometryConfig.radialScale(domainMin + (d[2] || 0)) + geometryConfig.radialScale(d[1]); })
d3.arc() .startAngle(function (d) { return d.x0; }) .endAngle(function (d) { return d.x1; }) .innerRadius(function (d) { return Math.sqrt(d.y0); }) .outerRadius(function (d) { return Math.sqrt(d.y1); })
withinRadius = (pointRelativePosition.distance >= this.innerRadius && pointRelativePosition.distance <= this.outerRadius); tooltipPosition : function(){ var centreAngle = this.startAngle + ((this.endAngle - this.startAngle) / 2), rangeFromCentre = (this.outerRadius - this.innerRadius) / 2 + this.innerRadius; return { x : this.x + (Math.cos(centreAngle) * rangeFromCentre), ctx.arc(this.x, this.y, this.innerRadius, this.endAngle, this.startAngle, true);
d3.svg.arc().startAngle(function(d) { return -triangleAngle / 2; }).endAngle(function(d) { return triangleAngle / 2; }).innerRadius(function(d) { return geometryConfig.radialScale(domainMin + (d[2] || 0)); }).outerRadius(function(d) { return geometryConfig.radialScale(domainMin + (d[2] || 0)) + geometryConfig.radialScale(d[1]); })
arc() { return d3.arc() .innerRadius(this.props.innerRadius) .outerRadius(this.props.outerRadius) .startAngle(0) }