Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Schimbare adresa DNS IPv4 pe rout...

Recomandare Barebone

Monede JO 2024

Suprasolicitare sistem electric
 CIV auto import

Mutare in MOZAMBIC - pareri, expe...

Scoatere antifurt airtag de pe ha...

Magnet in loc de clește pent...
 Cumparat/Locuit in apartament si ...

Pot folosi sistemul PC pe post de...

Sokol cu distorsiuni de cross-over

Filtru apa potabila cu osmoza inv...
 Kanal D va difuza serialul “...

Upgrade xiaomi mi11

securitate - acum se dau drept - ...

Farmacia Dr Max - Pareri / Sugest...
 

Afisare date cu Google Chart

- - - - -
  • Please log in to reply
No replies to this topic

#1
leaveu15

leaveu15

    New Member

  • Grup: Members
  • Posts: 9
  • Înscris: 31.07.2014
Salut!
Sunt incepator in domeniu.
Am reusit sa afisez datele din baza de date pe o diagrama liniara de la Google Line Chart si vreau sa pot selecta o anumita zona din diagrama pentru a vedea acele date selectate.
Am citit aici https://google-devel...art#data-format ca pot folosi functia " explorer: { actions: ['dragToZoom', 'rightClickToReset'] } " si nu functioneaza.
Am mai obs ca diagrama mea are doar linii orizontale, nu ca la celelalte exemple care au si linii verticale.
Imi spuneti unde este problema si cum sa o rezolv?
Atasez codurile si imaginea.

get_json.php

<?php
session_start();
require_once("bdconect.php");

mysql_select_db($numebd, $conn);
$query = mysql_query('SELECT * FROM data');
$table = array();
$table['cols'] = array(
array('label' => 'data', 'type' => 'string'),
array('label' => 'Weight', 'type' => 'number'),
array('label' => 'Temperature', 'type' => 'number')
);
$rows = array();
while($r = mysql_fetch_assoc($query)) {
$temp = array();
$temp[] = array('v' => $r['data']);
$temp[] = array('v' => $r['weight']);
$temp[] = array('v' => $r['temp']);
$rows[] = array('c' => $temp);
}
$table['rows'] = $rows;
$jsonTable = json_encode($table);

echo $jsonTable;
?>

graf.php

<html>
<head>
  <script type="text/javascript" src="https://www.google.c...sapi"></script>
  <script type="text/javascript" src="http://ajax.googleap...n.js"></script>
  <script type="text/javascript">
   google.load('visualization', '1', {'packages':['corechart']});
   google.setonloadCallback(drawChart);
   function drawChart() {
var json = $.ajax({
url: 'get_json.php',
dataType: 'json',
async: false
}).responseText;
  
var data = new google.visualization.DataTable(json);
var options = {
hAxis: {
  title: 'Data'
  },
vAxis: {
  title: 'Value'
  },
explorer: { actions: ['dragToZoom', 'rightClickToReset']
   maxZoomIn:0.05}
};
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
chart.draw(data, options);
   }
  </script>
</head>
<body>
  <div id="chart_div" style="width: 900px; height: 500px;"></div>
</body>
</html>

Attached Files

  • Attached File  graf.jpg   33.71K   10 downloads

Edited by leaveu15, 15 January 2017 - 17:23.


Anunturi

Neurochirurgie minim invazivă Neurochirurgie minim invazivă

"Primum non nocere" este ideea ce a deschis drumul medicinei spre minim invaziv.

Avansul tehnologic extraordinar din ultimele decenii a permis dezvoltarea tuturor domeniilor medicinei. Microscopul operator, neuronavigația, tehnicile anestezice avansate permit intervenții chirurgicale tot mai precise, tot mai sigure. Neurochirurgia minim invazivă, sau prin "gaura cheii", oferă pacienților posibilitatea de a se opera cu riscuri minime, fie ele neurologice, infecțioase, medicale sau estetice.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate