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

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

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

MySQLiはPHP5より導入されているデータベース用のドライバです。MySQL 4.1.3以降の新しい機能の利点をまとめています。

PHP

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

Google

Googleは、アメリカ合衆国に位置する、インターネット関連のサービスや製品を提供している企業です。検索エンジンからアプリケーションの提供まで、多岐にわたるサービスを提供しています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

解決済

グラフにマウスオーバーすることで文字列を表示したい

sdnco
sdnco

総合スコア0

mysqli

MySQLiはPHP5より導入されているデータベース用のドライバです。MySQL 4.1.3以降の新しい機能の利点をまとめています。

PHP

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

Google

Googleは、アメリカ合衆国に位置する、インターネット関連のサービスや製品を提供している企業です。検索エンジンからアプリケーションの提供まで、多岐にわたるサービスを提供しています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

2回答

0評価

0クリップ

2553閲覧

投稿2016/11/24 04:39

編集2022/01/12 10:58

googlechartでグラフを表示は出来たんですが、表示したグラフにマウスオーバーすることで表示されるTooltip(その時点の詳細のようなもの)に、Mysqlテーブルにある文字列を表示させたいんですが、その方法が分かりません。
分かる方いましたらどうかご教示くださいm(_ _)m

実際のコードから色々省略はしていますが参考程度に載せておきます。

php

<?php ////////////////////////////////////////////////////////////// //dbとテーブル作成と値挿入処理 $link = new mysqli('localhost', 'user', 'pass', ''); if ($mysqli->connect_error){ echo "接続失敗:" . $link->connect_error; exit(); } // データベースtestdbがなければ作成 $result = $link->query("CREATE DATABASE IF NOT EXISTS testDB"); $result=$link->query("CREATE TABLE IF NOT EXISTS testDB.testTable( cnt int(5) PRIMARY KEY AUTO_INCREMENT, moji nvarchar(32768), time int(10),) "); $link = mysqli_connect('localhost', 'user', 'pass', 'testDB'); if (!mysqli_set_charset($link, "utf8")) { printf("Error loading character set utf8: %s\n", mysqli_error($link)); exit(); } else { printf("Current character set: %s\n", mysqli_character_set_name($link)); } for ($i=0; $i < count($no); $i++) { $stmt = mysqli_prepare($link, "INSERT INTO testTable VALUES (?, ?, ?)"); mysqli_stmt_bind_param($stmt, 'isi', $cnt_no[$i], $moji_no[$i], $time_no[$i]); // プリペアドステートメントを実行します mysqli_stmt_execute($stmt); //printf("%d Row inserted.\n", mysqli_stmt_affected_rows($stmt)); // ステートメントと接続を閉じます mysqli_stmt_close($stmt); } ?> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"/> <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.indigo-pink.min.css"> <script src="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.min.js"></script> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> <link href="http://fonts.googleapis.com/earlyaccess/notosansjapanese.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="css/style.css"> <title>test</title> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['line']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable( jsonTable , 0.6); data.addColumn('string', '文字列'); data.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}}); data.addColumn('number', '時間'); var options = { chart: { title: 'graphtest', subtitle: 'sub' }, tooltip: {isHtml: true} width: 700, height: 500, legend: {position: 'none'} }; var chart = new google.charts.Line(document.getElementById('commentLinechart_material')); chart.draw(data, options); } </script> </head> <body style="background-color: #fff"> <div id="commentLinechart_material" align="center"></div> <div class="mdl-layout mdl-js-layout"> <main class="mdl-layout__content"> <div class="card-wide mdl-card"> <div class="mdl-card__title"> <h2 class="mdl-card__title-text"> </h2> </div> <div class="mdl-card__supporting-text"> <div class="mdl-card__supporting-text"> <div> ?> </div> </div> </div> <div class="mdl-card__actions mdl-card--border"> </div> </div> </main> </div> </body> </html>

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

kunai
kunai

2016/11/24 04:52

何がわからないのかもう少し詳細に教えてください。JavaScriptにPHPのデータを渡す方法がわからない?GoogleGraphのTooltipの記述がわからない?などなど
sdnco
sdnco

2016/11/24 05:40

ご指摘ありがとうございます。更新しました。

まだ回答がついていません

会員登録して回答してみよう

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

mysqli

MySQLiはPHP5より導入されているデータベース用のドライバです。MySQL 4.1.3以降の新しい機能の利点をまとめています。

PHP

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

Google

Googleは、アメリカ合衆国に位置する、インターネット関連のサービスや製品を提供している企業です。検索エンジンからアプリケーションの提供まで、多岐にわたるサービスを提供しています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。