私はPlotly（D3に基づいて）を利用してCSVを読み込み、3つの別々のトレースにデータを戻そうとしています。Plotly/D3 - CSVから別のトレースにデータを読み取る
このPenは、自動車販売代理店（x軸）と年（本質的に「グループ化」変数）によって、JS： '売上'データ（y軸）にハードコードされたデータによる意図した結果を示しています。
私は、CSVデータを読み込むD3の例を調査したが年によって別々のトレースに私のデータを読み取ることかは不明だてきました。
Plotly例 - reading CSV
Plotlyの例 - それは価値がある何のためbasic time series
、ここsample dataです。
誰かが正しい方向に私を指すことができるなら、私はそれを感謝します！ ありがとうございました！
（私はJavaScriptに新しいですし、非常に少ないPlotlyまたはD3の経験を持っているように、これは「簡単」質問であるならば、私は謝罪。）
@etienneは（このペンで正しい方向に私を指すことができましたhttps://codepen.io/etpinard/pen/VrzwyP）
JS：
var years = ['2014', '2015', '2016']
Plotly.d3.csv('https://raw.githubusercontent.com/apodagrosi/datasets/master/PlotlyTest_Summary_SalesByDealerByYear.csv', (err, rows) => {
var data = years.map(y => {
var d = rows.filter(r => r.year === y)
return {
type: 'bar',
name: y,
x: d.map(r => r.dealer),
y: d.map(r => r.sales)
}
})
Plotly.newPlot('graph', data)
})
HTML：
<head>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<div id="graph"></div>
</body>
また、売上高（y軸）の値を持たないx軸値を注文するために 'category order'を利用しました。
私のCodepenリンクがうまくいかないことをお詫びします。意図する出力 - https://codepen.io/angelop/pen/QOgNzm。プロット例 - CSV（https://codepen.io/plotly/pen/eNaErL）を読む。プロット例 - 基本的な時系列（https://codepen.io/plotly/pen/NvazKR） – AngeloP