フォーラム詳細

  1. フォーラム
  2. スキルクリエイター
  • 解決済み
    #ID:74
    Web表示ノードについて
  • 投稿者：まさのり
    投稿日：2019年04月17日

    いつも大変お世話になっております。

    Web表示ノードについてご質問がございます。

    Web表示ノードにて表示内容をHTMLとし、直接HTMLをエディタに書いた場合は
    正しく表示されるのですが、Web表示ノードの前処理でmsg.htmlに代入した場合は
    白い画面のみ表示されています。
    msg.htmlを使ってWeb表示ノードを使用する場合は記述方法が異なりますでしょうか？
    ご教授お願い致します。（msg.htmlに代入する場合はコメントや改行を削除して試しています。）

    実際に使用している内容は以下の通りになります。（直接書いたパターンです。）
    ご確認よろしくお願い致します。

    [{"id":"154dff14b92.5fa6b8","type":"webview","z":"154d65360aa.31523","url":"","mode":"html","size":"default","html":"<script src=\"https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js\"></script>\n<canvas id=\"bar-chart\" width=\"400\" height=\"200\"></canvas>\n<script>\n<!--\n var context = document.getElementById('bar-chart').getContext('2d');\n var bar_chart = new Chart(context, {\n type:'bar', // グラフのタイプを指定\n data:{\n labels:['1月','2月','3月','4月'], // グラフ下部のラベル\n datasets:[\n {label:'棒グラフのデータ', // データのラベル\n data:[10,20,30,40], // グラフ化するデータの数値\n borderColor:'rgb(255, 99, 132)', // 棒を囲う線の色\n backgroundColor:'rgba(255, 99, 132, 0.2)'} // 棒の中の色\n ]\n },\n options:{\n scales:{\n yAxes:[{\n ticks:{\n min:0, // グラフの最小値\n max: 50 // グラフの最大値\n }\n }]\n }\n }\n });\n//-->\n</script>","js":"1","noerr":0,"name":"","version":"3","x":480,"y":220,"wires":[["154e22befd7.31542","15421b15ea3.101b52"]]},{"id":"154e22befd7.31542","type":"delay","z":"154d65360aa.31523","name":"","pauseType":"delay","timeout":"5","timeoutUnits":"seconds","rate":"1","nbRateUnits":"1","rateUnits":"second","randomFirst":"1","randomLast":"5","randomUnits":"seconds","drop":false,"x":640,"y":220,"wires":[[]]},{"id":"15492826f5f.1f292","type":"inject","z":"154d65360aa.31523","name":"","topic":"","payload":"","payloadType":"date","repeat":"","crontab":"","once":false,"onceDelay":0.1,"x":180,"y":220,"wires":[["154dff14b92.5fa6b8"]]},{"id":"15421b15ea3.101b52","type":"debug","z":"154d65360aa.31523","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","x":640,"y":140,"wires":[]}]
このトピックに返信するにはログインが必要です。
1件の返信を表示中
#ID:188

回答者：アイエスピー（認定デベロッパー）
回答日：2019年04月17日

いつも大変お世話になっております。

自己解決致しました。
改行コードを入れることで正しく表示することができました。
お騒がせ致しました。

この件はクローズ致します。

今後ともどうぞよろしくお願い致します。