O seguinte é um script php que você deve poder salvar em algum lugar como um arquivo (digamos que você o chame de 'getdata.php') acessível a partir de seu arquivo HTML com seu código D3 nele. Quando chamado, ele retornará dados do seu banco de dados MySQL em um formato json (desde que o servidor do banco de dados não esteja fora do seu domínio);
<?php
$username = "******";
$password = "******";
$host = "******";
$database="***dbase_name***";
$server = mysql_connect($host, $user, $password);
$connection = mysql_select_db($database, $server);
$myquery = "
query here
";
$query = mysql_query($myquery);
if ( ! $query ) {
echo mysql_error();
die;
}
$data = array();
for ($x = 0; $x < mysql_num_rows($query); $x++) {
$data[] = mysql_fetch_assoc($query);
}
echo json_encode($data);
mysql_close($server);
?>
Obviamente, você precisaria inserir detalhes apropriados para nome de usuário, senha, host e banco de dados. Você também precisaria incluir uma consulta apropriada para seus dados para que ela retornasse o que você estava procurando. Algo ao longo das linhas de (e isso é apenas um palpite);
SELECT `dateTimeTaken`, `reading` FROM `tablename`
Que retornaria uma lista de timestamps e valores de uma tabela chamada
tablename
com colunas chamadas dateTimeTaken
e reading
.Então quando você for ler em seu arquivo json você usaria a seguinte sintaxe para o código onde você estaria lendo em seu json; d3.json("getdata.php", function(error, data) {
Espero que seja perto do que você está procurando. Eu testei localmente e tudo parece funcionar ..
Eu montei um post para revisar a instalação local de um servidor WAMP simples e configurar uma consulta no banco de dados MySQL de d3.js aqui http://www.d3noob.org/2013/02/using-mysql-database-as-source-of- data.html
Esta é praticamente a mesma situação que Acessar Banco de dados MySQL na visualização d3