Wie Sie einen einfachen Bogen mit D3

Möchte ich hinzufügen, einen einfachen Bogen in den chart-Abschnitt, z.B. ein Kreis:

vis.append("circle")
    .style("stroke", "gray")
    .style("fill", "white")
    .attr("r", 40)
    .attr("cx", 50)
    .attr("cy", 50);

Den bereitgestellten Beispiele von D3 mit Daten arbeiten, Eigenschaften, aber ich möchte sehen, wie es ohne zugrunde liegende Daten.

InformationsquelleAutor Oliver | 2012-08-22
  1. 11

    D3 verwendet einen Pfad generator für Bögen. Wenn Sie nicht wollen, um Daten-Laufwerk von arc einfach definieren, den arc-generator und fügen Sie einige Methoden...

    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)")

    Sehen Sie eine demo hier: http://jsfiddle.net/h9XNz/

    • Super, dass ist genau das, was ich wollte!!! Dank
    • Der jsfiddle-link nicht alles zeigen.
    • nicht sicher, warum es nicht funktioniert in Firefox, versuchen Sie es mit Chrome, während ich dies herausfinden.
    InformationsquelleAutor methodofaction
Schreibe einen Kommentar