元の Plunkr の作業: http://plnkr.co/edit/nHSMF2?p=preview
私の分岐した Plunkr: http://plnkr.co/edit/4Ecqif?p=preview
私はAngular-nvd3チャート ライブラリで遊んでいます。これは、いくつかの折れ線グラフと面グラフを含む元の multiChart の例です。一番上のリンクでわかるように、私はそれをフォークして、グラフを 3 つ (2 つの領域、1 つの線) に減らしました。
元の例では、関数を使用してデータ ポイントをランダムに生成していましたが、カスタマイズしたフォークではその関数を削除し、グラフ オブジェクトをハード コーディングしました。エラーが表示されないため、チャートがレンダリングされない理由がわかりません。
何かご意見は？
この壊れた Plunkrで使用されているハードコーディングされたグラフ オブジェクト:
vs.area1 = {
key: 'Area1',
color: '#7DD0FA',
type: 'area',
values: [
{
key: "Area1",
index: 0,
series: 0,
x: 0,
y: 0.1562513777302181
},
{
key: "Area1",
index: 1,
series: 0,
x: 1,
y: 0.11389363298669228
},
{
key: "Area1",
index: 2,
series: 0,
x: 2,
y: 0.15284344328948302
}
]
}
vs.area2 = {
key: 'Area2',
color: '#FDE18D',
type: 'area',
values: [
{
key: "Area2",
index: 0,
series: 0,
x: 0,
y: 0.3968682840613851
},
{
key: "Area2",
index: 1,
series: 0,
x: 1,
y: 1.090475660012667
},
{
key: "Area2",
index: 2,
series: 1,
x: 2,
y: 2.5868011025351163
}
]
}
vs.line1 = {
key: 'Line1',
color: '#4C73FF',
type: 'line',
values: [
{
series: 0,
x: 0,
y: 0.10572488375599604
},
{
series: 0,
x: 1,
y: 0.10572488375599604
},
{
series: 0,
x: 2,
y: 0.11166720592377402
}
]
}
var myData = [];
myData.push(vs.area1);
myData.push(vs.area2);
myData.push(vs.line1);
vs.data = generateData();
// vs.data = myData;
console.log('vs.data',vs.data);
私は自分のデータを調べて、動的データと注意深く比較しました。そして、それをキーごとに一致させましたが、それでも私のチャートはまだ表示されていません:(
左側は私のハードコーディングされたバージョンです | 右側は作業中の動的データです。
