質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
PDO

PDO(PHP Data Objects)はPHPのデータベース抽象化レイヤーです。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

224閲覧

PHPの配列の出力方法について

退会済みユーザー

退会済みユーザー

総合スコア0

PDO

PDO(PHP Data Objects)はPHPのデータベース抽象化レイヤーです。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2017/10/12 03:23

ご覧いただきありがとうございます。
phpの配列($array)をjavascript内のlabelsで展開したいのですが、
展開の仕方がわからず苦戦しております。
お知恵をお貸しいただければ幸いです。

javascript内のlabelsではシングルクォテーション+データ名と後続のデータがあれば,(カンマ区切り)で記述しなければなりません。

Javascript

1<?php 2 3$array = ["データ1","データ2","データ3","データ4"]; 4 5?> 6 7 8 9<script type="text/javascript"> 10 var ctx = document.getElementById("myChart").getContext('2d'); 11 var myChart = new Chart(ctx, { 12 type: 'doughnut', 13 data: { 14 labels: ['データ1','データ2','データ3','データ4'], 15 datasets: [{ 16 backgroundColor: [ 17 "#2ecc71", 18 "#3498db", 19 "#95a5a6", 20 "#9b59b6", 21 "#f1c40f" 22 ], 23 data: [2,3,1,4] 24 }] 25 } 26 }); 27 28 </script>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

このコードが全部phpファイル内であると仮定した場合こうですかね。

php

1<?php 2 3$array = ["データ1","データ2","データ3","データ4"]; 4 5?> 6 7 8 9<script type="text/javascript"> 10 var ctx = document.getElementById("myChart").getContext('2d'); 11 var myChart = new Chart(ctx, { 12 type: 'doughnut', 13 data: { 14 labels: <?= json_encode($array) ?>, 15 datasets: [{ 16 backgroundColor: [ 17 "#2ecc71", 18 "#3498db", 19 "#95a5a6", 20 "#9b59b6", 21 "#f1c40f" 22 ], 23 data: [2,3,1,4] 24 }] 25 } 26 }); 27 28 </script>

json_encodeはphpのオブジェクトをjson形式の文字列へ変換してくれます。http://php.net/manual/ja/function.json-encode.php

投稿2017/10/12 03:36

masaya_ohashi

総合スコア9206

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2017/10/12 04:14

ありがとうございました。 希望していた通りに展開することができました。
guest

0

php

1$array = ["データ1","データ2","データ3","データ4"]; 2$labels=json_encode($array,JSON_UNESCAPED_UNICODE); 3print $labels;

投稿2017/10/12 03:37

yambejp

総合スコア114777

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2017/10/12 04:15

回答ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問