Jak dostanu hodnoty z PHP do Javascriptu?
Ahoj, aktuálně si zobrazuji hodnoty teploty a vlhkosti z čidla v tabulce. Chtěl bych k tomu graf, stáhl jsem si apache echarts. Ale netuším, jak dostat do javascriptu tyto hodnoty :( Potřeboval bych navést nějakým směrem tak, abych mohl data: [10, 20, 30] v javaskriptu nahradit čísly z databáze. Případně mi doporučte nějaké PHP free generator grafů. To by bylo asi nejlepší. Díky moc!
databáze:
$hodnoty = Db::queryAll('
SELECT *
FROM hodnoty
WHERE id_stroje = 1
ORDER BY hodnota_id ASC
php na stránce:
<table>
<?php
foreach ($hodnoty as $hodnota)
{
echo('<tr><td>
' . htmlspecialchars($hodnota['timestamp']) . '</td>
<td>' . htmlspecialchars($hodnota['teplota']) . '</td>
<td>' . htmlspecialchars($hodnota['vlhkost']));
echo('</td></tr>');
}
?>
</table>
script
<script type="text/javascript">
// Initialize the echarts instance based on the prepared dom
var myChart = echarts.init(document.getElementById('main'));
// Specify the configuration items and data for the chart
var option = {
xAxis: {
data: ['timestamp', 'timestamp', 'timestamp']
},
yAxis: {},
series: [
{
name: 'teplota',
type: 'line',
data: [10, 20, 30]
},
{
name: 'vlhkost',
type: 'line',
data: [10, 20, 30]
}
]
};
// Display the chart using the configuration items and data just specified.
myChart.setOption(option);
</script>
Změna předmětu, původně: Jak dostanu hodnoty z PHO do Javascriptu? (host)