php javascript Como usar variáveis do PHP no javascript?

[gleidsonb12 1]

Considerando o seguinte script de um gráfico:

 

<script type="text/javascript">                                        

    var options = {
        responsive:true
    };

    var data = {
        labels: ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"],
        datasets: [
            {
                label: "Dados primários",
                fillColor: "rgba(220,220,220,0.5)",
                strokeColor: "rgba(220,220,220,0.8)",
                highlightFill: "rgba(220,220,220,0.75)",
                highlightStroke: "rgba(220,220,220,1)",
                data: [100, 120, 100, 120, 100, 120, 100, 120, 90, 80, 120, 100]
            },
            {
                label: "Dados secundários",
                fillColor: "rgba(151,187,205,0.5)",
                strokeColor: "rgba(151,187,205,0.8)",
                highlightFill: "rgba(151,187,205,0.75)",
                highlightStroke: "rgba(151,187,205,1)",
                data: [100, 100, 100, 100, 100, 27, 90, 90, 100, 121, 130, 90]
            }
        ]
    };                

    window.onload = function(){
        var ctx = document.getElementById("GraficoBarra").getContext("2d");
        var BarChart = new Chart(ctx).Bar(data, options);
    }           
</script>

 

Como eu faço para colocar variáveis PHP ($variavel) no campo data?

Tipo, no lugar de :

data: [100, 100, 100, 100, 100, 27, 90, 90, 100, 121, 130, 90]

 

Eu colocar algo do tipo:

data: [$variavel1, $variavel2, $variavel3, $variavel4, $variavel5,  $variavel6, $variavel7, $variavel8, $variavel9, $variavel10, $variavel11, $variavel12]

 

Considerando que os valores das variáveis serão dinâmicos, vindo do Banco de Dados

 

Alguém pode me ajudar

 

[marsolim 110]

talvez

 

data: ["<? php echo $variavel1, $variavel2, $variavel3, $variavel4, $variavel5,  $variavel6, $variavel7, $variavel8, $variavel9, $variavel10, $variavel11, $variavel12; ?>"]

 

[Sergio S. F. Pereira 39]

6 minutos atrás, marsolim disse:

talvez

 

data: ["<? php echo $variavel1, $variavel2, $variavel3, $variavel4, $variavel5,  $variavel6, $variavel7, $variavel8, $variavel9, $variavel10, $variavel11, $variavel12; ?>"]

 

Ele vai ter que concatenar as virgulas com as variáveis: <?php echo $variavel1.",".$variavel2.","$variavel3.....

Sugiro usar shorten tag

data: ["<?=$data1;?>, <?=$data2;?>, <?=$data3;?>, <?=$data4;?>"....]

[Snowden 94]

<script type="text/javascript">

    var options = {
        responsive:true
    };

    var data = {
        labels: ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"]
    };

    window.onload = function(){
        $.ajax({
            url: 'seu_grafico.php',
            dataType: 'json',
            beforeSend: function() {
                console.log('sua mensagem de aguarde..');
            }
        }).done(function(datasets) {
            data.datasets = datasets;
            var ctx = document.getElementById("GraficoBarra").getContext("2d");
            var BarChart = new Chart(ctx).Bar(data, options);
        });
    }
</script>

 

seu_grafico.php

$datasets = array(
    array(
        'label' => 'Dados primários',
        'fillColor' => 'rgba(220,220,220,0.5)',
        'strokeColor' => 'rgba(220,220,220,0.8)',
        'highlightFill' => 'rgba(220,220,220,0.75)',
        'highlightStroke' => 'rgba(220,220,220,1)',
        'data' => array(1, 2)
    ),
    array(
        'label' => 'Dados secundários',
        'fillColor' => 'rgba(220,220,220,0.6)',
        'strokeColor' => 'rgba(220,220,220, 89)',
        'highlightFill' => 'rgba(220,220,220, 11)',
        'highlightStroke' => 'rgba(220,220,220,258)',
        'data' => array(3, 4)
    )
);

echo json_encode($datasets);

 

[Philippe Luis 2]

@gleidsonb12 recomendo a leitura da documentação do jquery ajax

 

http://api.jquery.com/jquery.ajax/