私はd3.jsサイトのすべてのチャートの例を調べましたが、理解するには複雑すぎます。私が欲しいのは、x軸とy軸をプロットし、次のようなjsonデータをプロットすることです
{count:100,year:1999}
{count:240,year:2010}
{count:290,year:2009}
x軸を数え、y軸を年とします。開始するための簡単なサンプルを提供できる人はいますか。
私はd3.jsサイトのすべてのチャートの例を調べましたが、理解するには複雑すぎます。私が欲しいのは、x軸とy軸をプロットし、次のようなjsonデータをプロットすることです
{count:100,year:1999}
{count:240,year:2010}
{count:290,year:2009}
x軸を数え、y軸を年とします。開始するための簡単なサンプルを提供できる人はいますか。
これら 2 つのサンドボックスは、d3 を理解するのに役立ちます - http://phrogz.net/js/d3-playground/#VerticalBars_HTML (一部の例はもう機能しませんが) とhttp://enjalot.com - Tributary.
これがあなたのデータに基づく棒グラフの始まりです: http://enjalot.com/inlet/4125640/
このチュートリアルを見たことがありますか?初歩的なチャートからより複雑なsvgの例に移って、かなり単純に分解しているようです。それらが理にかなっていると思われる場合は、データ変数をJSONに置き換えて、そこから実行してみてください。
これは私がnvd3で使用するものです
[{values:
[{"value":3,"label":"17 hr"},
{"value":2,"label":"18 hr"},
{"value":1,"label":"19 hr"}]
}];
ここで、ラベルは x 軸、値は y 軸です。