up vote 0 down vote favorite

I'm not very familiar with JavaScript but for a project that I'm working on, I need to draw a graph using some input from the db. Can you help me out with the transfer of the php values to the javascript. I just want to draw a pie chart using the data from the db. 

<div id="pie" style="width:250px;height:250px;">

    <?php 
        $k=0; 
        if (isset($distrib)){
            foreach($distrib as $row){
              echo $distrib[$k]['lang'];
              echo $distrib[$k]['NumArt'];
               $k++;
            }
        }
    ?>​

    <script class="code" type="text/javascript">
        $(document).ready(function() {
            var data = [];
            var plot1 = jQuery.jqplot('pie', [data], {
                seriesDefaults: {
                    // Make this a pie chart.
                    renderer: jQuery.jqplot.PieRenderer,
                    rendererOptions: {
                        // Put data labels on the pie slices.
                        // By default, labels show the percentage of the slice.
                        showDataLabels: true
                    }
                },
                legend: {
                    show: false,
                    location: 'e'
                }
            });
        });​
    </script>

EDIT

I'm still struggling with this issue. These js charts are killing me.

So here is an additional question that will hopefully end my misery 

                            if (isset($distrib)){
                                foreach($distrib as $row){
                                  $p[] = $distrib[$k]['langName'];
                                  $s[] = $distrib[$k]['lang'];
                                  $q[] = $distrib[$k]['NumArt'];
                                   $k++;
                                }}  
                            ?><?php $c = array_combine($p, $q); ?>

                        <script class="code" type="text/javascript">$(document).ready(function(){


                                    <?php echo "var s1 = [".implode($c, ",")."];" ?>
                                var plot3 = $.jqplot('pie',  [s1], {

Basically at the moment the chart is printing out numArt, but it does not print the langName which i want. Lang name stores languages in their native alphabet which means anything from arabic to Zulu. I tried using JSON with no success (i totally lack knowledge in that area). My d/encoding was messed up so I left that path.

My goal is to render a chart which has the language's name and the amount of articles for that language.

So here is the print_r from
$p

Array ( [0] => none [1] => Catal [2] => français [3] => Malti [4] => português [5] => Kiswahili [6] => isiZulu [7] => English )

and $q Array ( [0] => 1 [1] => 1 [2] => 1 [3] => 2 [4] => 1 [5] => 1 [6] => 1 [7] => 1 )

and the combined $c Array ( [none] => 1 [Catal] => 1 [français] => 1 [Malti] => 2 [português] => 1 [Kiswahili] => 1 [isiZulu] => 1 [English] => 1 )

In the end I need s1 to be something along these lines

[['none',1],['français',1],['Malti',1]]

share|improve this question
100% accept rate
feedback

4 Answers

up vote 1 down vote accepted 
<script type="text/javascript">

var data = [ <?php echo implode(",", $array_of_values); ?> ];
<script>

Just make sure the $array_of_values is an array (PHP) containing the values you want to pass in the data variable(JS).

UPDATE:

$string_array = array();
foreach( $array as $key=>$value )
{
  $string_array[] = '[' . $key . ',' . $value . ']';
}

Then implode.

share|improve this answer
thats it, thanks a lot! – Ando Oct 10 at 10:23
You're welcome :) – rrikesh Oct 10 at 10:26
can you help me out with something else on this same topic.I decided to pass another variable, and I would like to add it to the plotting string. So i've got two arrays and I don't know how to join them so it takes the first segment of the first array, then first segment from the second one and so on.$p[] = $distrib[$k]['langName']; this brings out Array ( [0] => none [1] => Malti [2] => English ) and there is the other one $q[] = $distrib[$k]['NumArt']; which brings out Array ( [0] => 1 [1] => 2 [2] => 312 ) how can I combine the two so that I have ['none', 1], ['Malti', 2] etc.. – Ando Oct 10 at 23:41
1  
1  
Updated the answer. – rrikesh Oct 11 at 11:20
show 3 more comments
feedback
up vote 0 down vote

I'm not positive if this is what you are looking for but:

Suppose you have $var1=25 in php. Suppose you want that saved in var1 for your js file you would do:

<?php
    echo $var1=25; 
    echo "var var1=$var1";
?>

Please keep in mind javascript is Client side and php is server side, thus the 2 do not interact (excluding ajax, etc.). PHP is ran before sending the response and javascript is ran in the browser. You may already know that, but just for the doubt.

share|improve this answer
feedback
up vote 0 down vote

You haven't mentioned what values you want, or where in the javascript you want them.

You seem to be familiar with echoing PHP values, so you would just want to do the same except do it in your javascript function.

share|improve this answer
feedback
up vote 0 down vote 
//...
$(document).ready(function(){

    <?php echo "var data = [".implode($distrib, ",")."];" ?>

    // ...
});

Stringify the array and echo a var declaration to the javascript.

share|improve this answer
feedback

Your Answer

 
or
required, but never shown
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.