前提・実現したいこと
お世話になります。
chart.jsで多線の折れ線グラフをDBから動的にセットしたいのですが、
他のサイトを参考にしても、うまく表示されません。
折れ線の数は今のところ決まっていませんが(10線以上?)
いずれは折れ線単位でチェックボックスによる非表示を
設ける予定です。
発生している問題・エラーメッセージ
グラフが表示されない
該当のソースコード
javascript
1 2// 前略 3var label = ["A","B","C"]; 4var data = [20,10,30]; 5 6function setGraphData(){ 7 var data = { 8 labels: label1, 9 datasets:[] 10 }; 11 // いずれはここでfor文にて折れ線グラフを多線にしたい 12 var setData = "{label: 'test1'"; 13 setData = setData + "borderColor: '#ff0000',";// いずれは折れ線単位で色分け 14 setData = setData + 'lineTension: 0,'; 15 setData = setData + 'fill: false,'; 16 setData = setData + 'borderWidth: 2,'; 17 setData = setData + 'pointRadius: 1,'; 18 setData = setData + `data: ${data}}`; 19 20 data.datasets.push(setData); 21 return ( data ); 22} 23 24function setGraphOptions(){ 25 // 中略 26} 27 28var temp_Chart = new Chart(ctx, { 29 type: 'line', 30 data: setGraphData(), 31 options: setGraphOptions() 32}); 33// 後略
試したこと
javascript
1data.datasets.push(setData); のところで 2 3var newDataset = (new Function("return " + setData))(); 4data.datasets.push(newDataset ); と置き換えてやってみたり、 5 6data.datasets.push(setData); を消して 7data[]の中で pointRadius: 1 までをベタ書きして、 8data.datasets.data = `,data: ${data}}`; とやってみても 9うまく動きませんでした。
すいませんが、ご教示ください。
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。