angularjs - エラー: の値が無効ですangularJS nvd3-multi-bar-chart の属性 x="NaN"

Question

私は d3 チャートを初めて使用します。x 軸を文字列として使用したいのですが、アプリでError: Invalid value for <text> attribute x="NaN"エラーがスローされます。

これは私のサンプルJSONです

[
{"key" : "test1", "values" : [["test1", 3]},
{"key" : "test2", "values" : [["test2", 5]},
{"key" : "test3", "values" : [["test3", 9]}
];

だから、x軸の値を文字列として渡す方法

Answer 1

これでうまくいくはずですか？通常、座標は数値であり、何らかのテキストではありません。さらに、X 軸または Y 軸の値に文字列を使用するこのディレクティブの例は 1 つもありません。

ただし、これを確認できます: http://jtblin.github.io/angular-chart.js/

X座標としてラベルを使用しますが、これにすべてのX座標を設定する必要があり、場合によっては煩わしいポイントをスキップできません。でも、それでいいなら、試してみることをお勧めします。