Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bru_ce

Gráfico JSChart

Por , em Javascript

Recommended Posts

Bru_ce    53

Bru_ce
Postado

Bom Dia Pessoal,
Estou utilizando o plugin JSChart

 

 

Nesta linha abaixo ele cria o gráfico.

 

var myData = new Array(['Mar04-Mar05', 15], ['Mar05-Mar06', 28], ['Mar06-Mar07', 12], ['Mar07-Mar08', 17]);

 

 

Gostaria de colocar PHP nos números, por exemplo assim:

 

 

var myData = new Array(['Mar04-Mar05', <?php echo 2; ?>], ['Mar05-Mar06', 28], ['Mar06-Mar07', 12], ['Mar07-Mar08', 17]);

 

Porém ele não carrega, alguém sabe alguma solução para isso ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

shini    318

shini
Postado

esses valores do php vem da onde? ajax? formulario?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Vem de uma consulta cara, assim por exemplo:

 

PHP

 

$query = mysql_query("SELECT * FROM tabela WHERE idade=20");
$linha = mysql_num_rows($query);

 

JS

 

var myData = new Array(['20 Anos', <?php echo $linha; ?>], ['Mar05-Mar06', 28], ['Mar06-Mar07', 12], ['Mar07-Mar08', 17]);

Compartilhar este post

Link para o post
Compartilhar em outros sites

shini    318

shini
Postado

joga esse codigo js em uma função, e passa $linha para ele como parametro.

 

posta o seu codigo completo tbm.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

SEGUE:

 

<html>
<head>
<title>JSChart</title>
<script type="text/javascript" src="sources/jscharts.js"></script>
</head>
<body>
<?php
include('conexao.php');
$query = mysql_query("SELECT * FROM tabela WHERE idade=20");
$linha = mysql_num_rows($query);
?>
<div id="graph">Loading graph...</div>
 
<script type="text/javascript">
 
var myData = new Array(['Mar04-Mar05', <?php echo $linha; ?>], ['Mar05-Mar06', 28], ['Mar06-Mar07', 12], ['Mar07-Mar08', 17]);
var myChart = new JSChart('graph', 'bar');
myChart.setDataArray(myData);
myChart.colorizeBars(colors);
myChart.setTitle('Year-to-year growth in home broadband penetration in U.S.');
myChart.setTitleColor('#8E8E8E');
myChart.setAxisNameX('');
myChart.setAxisNameY('%');
myChart.setAxisColor('#C4C4C4');
myChart.setAxisNameFontSize(16);
myChart.setAxisNameColor('#999');
myChart.setAxisValuesColor('#7E7E7E');
myChart.setBarValuesColor('#7E7E7E');
myChart.setAxisPaddingTop(60);
myChart.setAxisPaddingRight(140);
myChart.setAxisPaddingLeft(150);
myChart.setAxisPaddingBottom(40);
myChart.setTextPaddingLeft(105);
myChart.setTitleFontSize(11);
myChart.setBarBorderWidth(1);
myChart.setBarBorderColor('#C4C4C4');
myChart.setBarSpacingRatio(50);
myChart.setGrid(false);
myChart.setSize(616, 321);
myChart.setBackgroundImage('chart_bg.jpg');
myChart.draw();
</script>
 
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

shini    318

shini
Postado

testei aqui o firebug acusou erro na linha:

 

myChart.colorizeBars(colors);

 

testei o codigo assim e gerou o grafico

 

<html>
<head>
<title>JSChart</title>
<script type="text/javascript" src="sources/jscharts.js"></script>
<script type="text/javascript">
function geraGrafico(qtd){
var myData = new Array(['Mar04-Mar05', qtd], ['Mar05-Mar06', 28], ['Mar06-Mar07', 12], ['Mar07-Mar08', 17]);
var myChart = new JSChart('graph', 'bar');
myChart.setDataArray(myData);
//myChart.colorizeBars(colors);
myChart.setTitle('Year-to-year growth in home broadband penetration in U.S.');
myChart.setTitleColor('#8E8E8E');
myChart.setAxisNameX('');
myChart.setAxisNameY('%');
myChart.setAxisColor('#C4C4C4');
myChart.setAxisNameFontSize(16);
myChart.setAxisNameColor('#999');
myChart.setAxisValuesColor('#7E7E7E');
myChart.setBarValuesColor('#7E7E7E');
myChart.setAxisPaddingTop(60);
myChart.setAxisPaddingRight(140);
myChart.setAxisPaddingLeft(150);
myChart.setAxisPaddingBottom(40);
myChart.setTextPaddingLeft(105);
myChart.setTitleFontSize(11);
myChart.setBarBorderWidth(1);
myChart.setBarBorderColor('#C4C4C4');
myChart.setBarSpacingRatio(50);
myChart.setGrid(false);
myChart.setSize(616, 321);
myChart.setBackgroundImage('chart_bg.jpg');
myChart.draw();
}
</script>



</head>
<body>
<div id="graph">Loading graph...</div>
 
 
</body>
</html>
<script type="text/javascript">
    geraGrafico(<?php echo 100; ?>);
</script>

 

 

se for so um total vc pode jogar esse valor num hidden e depois recuperar ele atraves de js.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Amigo, resolvi.

Era só concatenar a variável rs

 

 

var variavel = "<?php echo $linha; ?>";
var myData = new Array(['20 Anos', +variavel], ['Mar05-Mar06', 28], ['Mar06-Mar07', 12], ['Mar07-Mar08', 17]);

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito