d3.jsを使用してスタックバーチャートを作成しようとしています。素晴らしいチュートリアルを見つけました。しかし、著者が使用する例では、csvファイルがあります。組み込みのデータ配列を使用する代わりに、スタックレイアウトを入れ子にするときにコードがどのように変化するかは絶対に理解していません。ここにソースhttp://curran.github.io/screencasts/splittingCharts/examples/viewer/#/17があります。もし誰かが私を助けたら、私はそれを感謝します。 は、私がこのような何か希望：あなたは正しい軌道に乗っているスタックレイアウトd3.jsのビルトイン配列へのCSVファイル
var arrayOfData ...;
...
function render(data)
{
...
}
...
render(arrayOfData);
：https://jsfiddle.net/uu4p99bf/
function render(data){
var nested = d3.nest(data)//change in here
//same code with sample
}
を、あなたは本質的render(data)でd3.csv('file.csv',render)を置き換えることができます。データを正しくフォーマットするだけで済みます。
デフォルトでは、d3.csvは、オブジェクトの配列としてデータをロードします。プロパティは各列見出しに対応します。したがって、あなたの例では、CSVデータは、.country,.religion、および.populationのプロパティ（例：{country: "USA", religion: "Other Religions", population: 1900000}）のオブジェクトの配列として読み込まれます。あなたがそのフォーマットにあなたのデータを取得すれば、それはうまくいくはずです。
また、現在使用しているデータ形式を反映するようにコードを変更することもできます。その場合は、d[xColumn]、d[yColumn]、およびd[layerColumn]のインスタンスを必要なものに置き換える必要があります。たとえば、配列の配列を使用している場合は、d[0]、d[2]、およびd[1]のようになります。
使用しているサンプルのスクリーンキャストをチェックして、その構成方法の詳細を確認することもできます。あなたはhttps://github.com/curran/screencasts/tree/gh-pages/splittingChartsで見つけることができます。あなたはそれを見ることができます