d3.js

    1

    2答えて

    ここに私のplunkr codeがあります。この凡例の位置は中心ですが、ドーナツチャートの右側にどのように配置しますか? var svg = d3.select('#chart') .append('svg') .attr('width', width) .attr('height', height) .append('g') .attr('tra

    2

    1答えて

    私は、それ自体で、ユーザーが回転している、私は地球を作成したいので、多分この質問はあまりにも愚かである、D3には本当に新しいんだけど、... 。 ユーザーが地球を回転させたとき、それは自身の回転を一時停止し、その後、それを再開する。 私は、マウスイベントを使用しようとしましたが、それがうまくいきませんでした。 timer = d3.timer(function() { var dt = Date

    1

    1答えて

    私はsvgで図形を作成し、angular2ではd3.jsを作成しました。 This is picture of graphic。写真のファクトラインは青で、プランの値は白い点線です。 このグラフィック領域を2色(赤と緑)で塗りつぶす必要があります。 ファクト値が計画値を超える場合は、計画値がファクト値以上の場合は、赤色の を入力し、緑色で塗りつぶします。 これには1つのオプションがあります: 色の

    2

    1答えて

    アニメーションアークダイアグラムを作成しようとしています。私は、私が望むアニメーションのタイプを作成することができましたが、私は遅延を追加したいと思います。 アニメーションを作成するには、.attrTweenメソッドを使用しています。 これは私の遅延の試みと私のコードの主要部分である: svg.selectAll(".arcs") .data(data) .enter()

    0

    1答えて

    は、私はちょうど私が色を変更することができれば、例えば https://bl.ocks.org/mbostock/4063550 マイク・ボストックにより株式ラジアルツリーのストロークのパスの色を変更に関する簡単な質問を持っています以下のようなサブリンクで: var link = g.selectAll(".link") .data(root.descendants().slice(1)

    1

    1答えて

    私はD3サンバーストプロットを作成しています。内側の層は第1のカテゴリ、外側の層は第1のカテゴリのサブカテゴリです。たとえば、私のデータでは、すべてのサンプルのうち、67%が未検証で33%が検証済みであり、51%が不法で、49%が未検証であることを示したい、そのうち36%が低リスク、20%が中期、44%が高リスクです。私は、第2層が第1層のカテゴリの全幅を占めることを期待していましたが、そうではあ

    1

    1答えて

    上/表示データラベルは、私がここに示したように、標準のチャートに data: { labels: true } を使用したい:私は新しいグラフを作成するために、c3.generate機能を使用する場合http://c3js.org/samples/data_label.html それは非常に細かいです。 グラフが作成されたので、を非表示にしたいと考えています(これらのラベルはupd

    1

    1答えて

    私はc3jsを使用して線グラフを描画しています。 x軸は、軸マーカーの間に表示されるラベルを表示します。 axis.x.type: 'category'を使用しています。それ以外の場合、行は作成されません。 しかし、私はそれらの間ではなく、x軸のマーカーに表示したいと思います。 は、ここでは、サンプルコードここ var chart = c3.generate({ data: {

    1

    1答えて

    私は間違っているかもしれませんが、線の下に背景(イメージまたは色)を作成できるかどうか疑問に思っていました。次のようなイメージを作りたいと思います。 をしかし、これは、私は(色を気にしない)などを見て、それを想像する方法である:私はチャートを作成している は、例えば、データを次のようになります。 あなたはareaでそれを行うことができますjsFiddle var svg,lineGen;

    6

    1答えて

    ノードの種類に応じて異なる子要素を自分のノードに追加したいと思います。したがって、ノードにはtypeという属性があります。すべてのノードは、子要素が従属する要素gで構成されていなければなりません。 私はD3s filter機能を使用してこれを試しましたが、私のコードはノードごとに1回しか子要素を追加しませんが、必要な子要素を複数回(ノードがあるのと同じ量)追加します。だから私は選択と何か間違ってい