2017-11-28 3 views
0

私はこのコードを持っているし、静的データを適切に実行します。使用カンマで配列データを表示するために、各separartor

$('#jqChart').jqChart({ 
    title: { text: 'Gantt Chart' }, 
    animation: { duration: 1 }, 
    legend: { 
     visible: false 
    }, 

    series: [ 
     { 
      type: 'gantt', 
      fillStyles: ["#418CF0", "#FCB441", "#E0400A", "#056492", "#BFBFBF"], 
      data: [ 
       ['Phase 1', new Date(1394, 06, 01), new Date(1394, 09, 20), 'Task 1'], 
       ['Phase 1', new Date(1394, 06, 01), new Date(1394, 09, 20), 'Task 1'] 
       //$(wfs).each(function (ix, wf) { 
       // ['Phase 2', new Date(1396, 06, 01), new Date(1396, 06, 01), 'Task 2'] +',' 
       //}) 
      ], 
      labels: { 
       fillStyle: 'white' 
      } 
     } 
    ] 
}); 

と私はCommaせずに自分のコードを使用したとき、私は、それぞれに自分のデータを渡したい、希望出力は表示されません。

はここで正常に実行されなかった私の最終的なコードです:

$('#jqChart').jqChart({ 
    title: { text: 'Gantt Chart' }, 
    animation: { duration: 1 }, 
    legend: { 
     visible: false 
    }, 

    series: [ 
     { 
      type: 'gantt', 
      fillStyles: ["#418CF0", "#FCB441", "#E0400A", "#056492", "#BFBFBF"], 
      data: [ 
       //['Phase 1', new Date(1394, 06, 01), new Date(1394, 09, 20), 'Task 1'], 
       //['Phase 1', new Date(1394, 06, 01), new Date(1394, 09, 20), 'Task 1'] 
       $(wfs).each(function (ix, wf) { 
        ['Phase 2', new Date(1396, 06, 01), new Date(1396, 06, 01), 'Task 2'] + ',' 
        ['Phase 2', new Date(1396, 06, 01), new Date(1396, 06, 01), 'Task 2'] 
       }) 
      ], 
      labels: { 
       fillStyle: 'white' 
      } 
     } 
    ] 
}); 
+1

'$(wfs)'が評価するものをお知らせください。 – phuzi

+0

wfsはresponse.dから読み込んだ配列です。 –

+0

var gc = response.d ;; var wfs = gc.awfs; –

答えて

1

配列コンストラクタ内で関数を実行することはできません。プラグインを初期化して配列リファレンスをコンフィグに渡す前に配列を作成してください

var chartData = []; 

$.each(wfs,function(ix, wf) { 
    chartData.push(['Phase from wf', date1FromWf, date2FromWf, 'Task from wf']); 
}); 

$('#jqChart').jqChart({ 
    title: { 
    text: 'Gantt Chart' 
    }, 
    animation: { 
    duration: 1 
    }, 
    legend: { 
    visible: false 
    }, 

    series: [{ 
    type: 'gantt', 
    fillStyles: ["#418CF0", "#FCB441", "#E0400A", "#056492", "#BFBFBF"], 
    data: chartData,// array from above 
    labels: { 
     fillStyle: 'white' 
    } 
    }] 
}); 
0

は、それが適切なデータが含まれていると仮定すると、あるとして、あなただけのwfsを使用することができ、「WFSはresponse.dから読み取るたちの配列である」ということを考えると。

$('#jqChart').jqChart({ 
    title: { text: 'Gantt Chart' }, 
    animation: { duration: 1 }, 
    legend: { 
     visible: false 
    }, 

    series: [ 
     { 
      type: 'gantt', 
      fillStyles: ["#418CF0", "#FCB441", "#E0400A", "#056492", "#BFBFBF"], 
      data: wfs, // use wfs inline 
      labels: { 
       fillStyle: 'white' 
      } 
     } 
    ] 
}); 

私はjQuery.each()あなたはそれがない何を考えていないと思います:wfsを想定し

は、次に、あなただけのインラインそれを使用することができます

[ 
    ['Phase 2', new Date(1396, 06, 01), new Date(1396, 06, 01), 'Task 2'], 
    ['Phase 2', new Date(1396, 06, 01), new Date(1396, 06, 01), 'Task 2'] 
] 

ようになります。

+0

日付オブジェクトは含まれません。ループで修正する必要があり、 'each'はループとしてうまく動作します – charlietfl

関連する問題