QA@IT

D3.jsのattrから複数要素数の登録でエラーになります

5441 PV

D3.jsの勉強を始めたのですが、attrの書き方でハマりました。

javascriptのattrを使用し一度に要素を書きたいのですが、以下のやり方だとうまくいかずエラーが出ます。
コード:
var canvas = d3.select("#block1");
var svg = canvas.append("svg").attr({width:200, height:200});
エラー文:
Uncaught SyntaxError: Invalid or unexpected token

attrを1要素ごとに書くとうまくいきます
 コード:
var canvas = d3.select("#block1");
var svg = canvas.append("svg").attr("width",200).attr("height",200);

なぜエラーが出力されるのか教えていただけると幸いです。

  • D3.jsのバージョンを確認してみてください。
    ver.4では、オブジェクトリテラルを使用したアップデートはおこなえなくなりました。
    どうしても必要な場合は、下記プラグインを使用してください。

    https://github.com/d3/d3-selection-multi
    -
ウォッチ

この質問への回答やコメントをメールでお知らせします。