d3.js

    1

    1答えて

    私は、画像を使用している地図上で、tree.csvというcsvファイルの経度と緯度を基に地図上に描画します。 私のcsvファイルには、多くの行が含まれるので、私はちょうどここにいくつかの行を入れて 経度緯度う。ここ37.8030467266869 122.425063628702 ...... 37.7295482207565 122.392689419827 は私のコードです d3.csv("/

    0

    1答えて

    d3.jsのドーナツでどのように配列を使うことができるのか分かりますが、オブジェクトがどのように動作するのか分かりません。d3.js。オブジェクトをレンダリングするから、私は値を希望 var width = 175, height = 175, radius = Math.min(width, height)/2, donutWidth = 23; var colo

    2

    1答えて

    現在、私は円グラフのスライスがランダムに生成されたデータに従って変化する動的円グラフを設計しようとしています。以下はコードです。各スライスの色は、私が以前に定義されているものに応じて拡大縮小されていないことを var dataset = [ { name: 'Smooth', percent: 40.00, class: 'custom-normal' }, { nam

    0

    1答えて

    生のJSONファイルはthisのようです。それには18個のオブジェクトが含まれ、それぞれには特定のプレミアリーグのサッカーの週に関する情報が含まれています。これらの18試合週情報オブジェクトのそれぞれには、チームの位置、ゴールなど、チームに関する20個のオブジェクトが含まれています。これは見た目です。nested structure of my JSON. 関連する情報はチームと関連性がありますそ

    0

    1答えて

    D3にはかなり新しく、jsonファイルから読み込んでワードクラウドを作成するD3ワードクラウドテンプレートがあります。 JSONファイルから読み込み、キーを入力し、グラフに値部分がある:私がやりたい何 d3.json("testdata.json", data => { var chart = renderChart() .svgHeight(600) .contai

    0

    1答えて

    無限の繰り返し線パターンを作成したいと思います。しかし、線は、線の端から水平方向および垂直方向の両方にオフセットされている。以下に示す説明図である。 Elemental Pattern 今は水平および垂直の両方の方向にオフセットし、このパターンを希望。パターンの使用方法は図2のようになります。 今は三角法を使って手作業で幅と高さの四角形の線を作成していますが、私は<pattern>をSVGに利用し

    1

    1答えて

    したがって、データをd3.csv()関数で読み込みます。 CSVファイルを変更してhttpページをリロードすると、古いデータが使用されます。古いデータの代わりにCSVファイルで新しいデータを使用するにはどうしたらよいですか? ありがとうございます。

    0

    1答えて

    私はhereの例のような "スーパーグループ"機能を再現しようとしています。私の開始と終了の角度は私のメインマトリックスによれば正しいものの、アークは正しく整列していません。私はそれがArc2のInnerRadiusとOuterRadiusだと感じていますが、変更する必要があるものを絞り込むことはできません。私のコード例はhereです。あなたは翻訳が適用されていた茶色のアークは2 //define

    0

    1答えて

    私はCSVからデータを収集するためにd3.csv関数を使用する方法をしばらく検索していました。それは、forループが何回実行されるべきかを設定するために、別の関数で 'forループ'内にあります。 以下は、問題の2つの機能を示す私のコードの主なレイアウトです。 'createLights関数'では、 'createLights'関数の 'lightPol'変数がforループを実行してランダムなSV

    1

    1答えて

    C3.jsを使用して棒グラフを作成しようとしていますが、データはPHP経由でmySQL databaseにプルされ、JS as JSONに返されました。私はできませんよ、 { "BRACELET": { "category": "BRACELET", "total_purchased": 26 }, "SALESMAT": { "c