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)