Διαφορετικά charts σε μιά σελίδα

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Geotenia
Δημοσιεύσεις: 40
Εγγραφή: 15 Μαρ 2011 09:55

Διαφορετικά charts σε μιά σελίδα

Δημοσίευση από Geotenia » 22 Οκτ 2012 11:35

Προσπαθώ να δημιουργήσω μερικά διαφορετικά charts σε μία σελίδα. Χρησιμοποιώ για παράδειγμα το παρακάτω (που είναι τροποποιημένο παράδειγμα από τα highcharts-αυτά χρησιμοποιώ για τα charts μου)

Κώδικας: Επιλογή όλων

<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Highcharts Example</title>

		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript">
$&#40;function &#40;&#41; &#123;
	var categories = &#91;'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'&#93;;
    var column1 = &#91;49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4&#93;;
    var column2 = &#91;4900.9, 7100.5, 10600.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4&#93;;
    var line1 = &#91;7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6&#93;;
    var line2 = &#91;70.0, 60.9, 90.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6&#93;;
	
	for &#40;var i=1;i<=2;i++&#41;
  &#123;
	var cont = 'container'+i;
    var chart;
    var line = 'line'+i;
	var column = 'column'+i;

    $&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
        chart = new Highcharts.Chart&#40;&#123;
            chart&#58; &#123;
                renderTo&#58; eval&#40;cont&#41;,
                zoomType&#58; 'xy'
            &#125;,
            title&#58; &#123;
                text&#58; 'Average Monthly Temperature and Rainfall in Tokyo'
            &#125;,
            subtitle&#58; &#123;
                text&#58; 'Source&#58; WorldClimate.com'
            &#125;,
            xAxis&#58; &#91;&#123;
                categories&#58; categories
            &#125;&#93;,
            yAxis&#58; &#91;&#123; // Primary yAxis
                labels&#58; &#123;
                    formatter&#58; function&#40;&#41; &#123;
                        return this.value +'°C';
                    &#125;,
                    style&#58; &#123;
                        color&#58; '#89A54E'
                    &#125;
                &#125;,
                title&#58; &#123;
                    text&#58; 'Temperature',
                    style&#58; &#123;
                        color&#58; '#89A54E'
                    &#125;
                &#125;
            &#125;, &#123; // Secondary yAxis
                title&#58; &#123;
                    text&#58; 'Rainfall',
                    style&#58; &#123;
                        color&#58; '#4572A7'
                    &#125;
                &#125;,
                labels&#58; &#123;
                    formatter&#58; function&#40;&#41; &#123;
                        return this.value +' mm';
                    &#125;,
                    style&#58; &#123;
                        color&#58; '#4572A7'
                    &#125;
                &#125;,
                opposite&#58; true
            &#125;&#93;,
            tooltip&#58; &#123;
                formatter&#58; function&#40;&#41; &#123;
                    return ''+
                        this.x +'&#58; '+ this.y +
                        &#40;this.series.name == 'Rainfall' ? ' mm' &#58; '°C'&#41;;
                &#125;
            &#125;,
            legend&#58; &#123;
                layout&#58; 'vertical',
                align&#58; 'left',
                x&#58; 120,
                verticalAlign&#58; 'top',
                y&#58; 100,
                floating&#58; true,
                backgroundColor&#58; '#FFFFFF'
            &#125;,
            series&#58; &#91;&#123;
                name&#58; 'Rainfall',
                color&#58; '#4572A7',
                type&#58; 'column',
                yAxis&#58; 1,
                data&#58; eval&#40;column&#41;
    
            &#125;, &#123;
                name&#58; 'Temperature',
                color&#58; '#89A54E',
                type&#58; 'spline',
                data&#58; eval&#40;line&#41;
            &#125;&#93;
        &#125;&#41;;
    &#125;&#41;;
&#125;
&#125;&#41;;
		</script>
	</head>
	<body>
<script src="js/highcharts.js"></script>
<script src="js/modules/exporting.js"></script>
<?php
for &#40;$i = 1; $i <= 2; $i++&#41; &#123;
	$cont = 'container'.$i;
    echo '<div id="'.$cont.'" style="min-width&#58; 400px; height&#58; 150px; border&#58;2px solid; margin&#58; 0 auto">'.$cont.'</div>';
&#125;
?>
</body>
</html>
Οπως θα δείτε ενώ διαβάζει τις διαφορετικές σειρές (με ένα alert μπορούμε να δούμε τι διαβάζει) χρησιμοποιεί μόνο τη τελευταία και τυπώνει μόνο ένα διάγραμμα στο τελευταίο container (ενώ όλα τα άλλα τα παραμετρικά τα διαβάζει σωτά).
Ξέρει κάποιος τι θα μπορούσα να κάνω για να το ξεπεράσω? Δηλαδή σε κάθε containerX να έχω διάγραμμα με τα columnX και τα lineX??
Ευχαριστώ πολύ

Άβαταρ μέλους
burnmind
Script Master
Δημοσιεύσεις: 954
Εγγραφή: 26 Σεπ 2009 02:14
Τοποθεσία: UK
Επικοινωνία:

Διαφορετικά charts σε μιά σελίδα

Δημοσίευση από burnmind » 22 Οκτ 2012 12:46

Θα σε μαλώσω! Σου είπα στο προηγούμενο topic που είχες ανοίξει πως μάλλον δε γίνεται απλά με ένα for loop και σου έδωσα 2 παραδείγματα. Αφού όμως έκανες τον κόπο και καθάρισες τον κώδικά σου και έδωσες ένα παράδειγμα που διαβάζεται εύκολα, πάρε τη λύση (βασισμένη σ' αυτό). :D

Κώδικας: Επιλογή όλων

<!DOCTYPE HTML> 
<html> 
   <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
      <title>Highcharts Example</title> 

      <script type="text/javascript" src="jquery.min.js"></script> 
      <script type="text/javascript" src="highcharts.js"></script> 
      <script type="text/javascript"> 
	var categories = &#91;'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'&#93;; 
	var charts = &#91;&#93;;
	var columns = &#91;&#93;;
	columns&#91;0&#93; = &#91;49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4&#93;;
	columns&#91;1&#93; = &#91;4900.9, 7100.5, 10600.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4&#93;;
	var lines = &#91;&#93;;
	lines&#91;0&#93; = &#91;7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6&#93;; 
	lines&#91;1&#93; = &#91;70.0, 60.9, 90.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6&#93;; 
	
    $&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
		var getChartConfig = function&#40;cont, column, line, categories&#41; &#123;

		var config = &#123;&#125;;
			
            config.chart = &#123;
                renderTo&#58; eval&#40;cont&#41;, 
                zoomType&#58; 'xy' 
            &#125;;
			
            config.title = &#123; 
                text&#58; 'Average Monthly Temperature and Rainfall in Tokyo' 
            &#125;;
			
            config.subtitle = &#123; 
                text&#58; 'Source&#58; WorldClimate.com' 
            &#125;;
			
            config.xAxis = &#91;&#123; 
                categories&#58; categories 
            &#125;&#93;;
			
            config.yAxis = &#91;&#123; // Primary yAxis 
                labels&#58; &#123; 
                    formatter&#58; function&#40;&#41; &#123; 
                        return this.value +'°C'; 
                    &#125;, 
                    style&#58; &#123; 
                        color&#58; '#89A54E' 
                    &#125; 
                &#125;, 
                title&#58; &#123; 
                    text&#58; 'Temperature', 
                    style&#58; &#123; 
                        color&#58; '#89A54E' 
                    &#125; 
                &#125; 
            &#125;, &#123; // Secondary yAxis 
                title&#58; &#123; 
                    text&#58; 'Rainfall', 
                    style&#58; &#123; 
                        color&#58; '#4572A7' 
                    &#125; 
                &#125;, 
                labels&#58; &#123; 
                    formatter&#58; function&#40;&#41; &#123; 
                        return this.value +' mm'; 
                    &#125;, 
                    style&#58; &#123; 
                        color&#58; '#4572A7' 
                    &#125; 
                &#125;, 
                opposite&#58; true 
            &#125;&#93;;
			
            config.tooltip = &#123; 
                formatter&#58; function&#40;&#41; &#123; 
                    return ''+ 
                        this.x +'&#58; '+ this.y + 
                        &#40;this.series.name == 'Rainfall' ? ' mm' &#58; '°C'&#41;; 
                &#125; 
            &#125;;
            
			config.legend = &#123; 
                layout&#58; 'vertical', 
                align&#58; 'left', 
                x&#58; 120, 
                verticalAlign&#58; 'top', 
                y&#58; 100, 
                floating&#58; true, 
                backgroundColor&#58; '#FFFFFF' 
            &#125;;
            
			config.series = &#91;&#123; 
                name&#58; 'Rainfall', 
                color&#58; '#4572A7', 
                type&#58; 'column', 
                yAxis&#58; 1, 
                data&#58; eval&#40;column&#41; 
    
            &#125;, &#123; 
                name&#58; 'Temperature', 
                color&#58; '#89A54E', 
                type&#58; 'spline', 
                data&#58; eval&#40;line&#41; 
            &#125;&#93;;
			
			return config;
        &#125;; 
		
		
		for&#40;var i = 0; i < 2; i++&#41;
		&#123;
			var tempConfig = getChartConfig&#40;"container" + i, columns&#91;i&#93;, lines&#91;i&#93;, categories&#41;;
			var tempChart = new Highcharts.Chart&#40;tempConfig&#41;;
			charts.push&#40;tempChart&#41;;
		&#125;
    &#125;&#41;;
    </script> 
   </head> 
   <body> 
<?php 
for &#40;$i = 0; $i < 2; $i++&#41; &#123; 
   $cont = 'container'.$i; 
    echo '<div id="'.$cont.'" style="min-width&#58; 400px; height&#58; 150px; border&#58;2px solid; margin&#58; 0 auto">'.$cont.'</div>'; 
&#125; 
?> 
</body> 
</html>

Geotenia
Δημοσιεύσεις: 40
Εγγραφή: 15 Μαρ 2011 09:55

Διαφορετικά charts σε μιά σελίδα

Δημοσίευση από Geotenia » 23 Οκτ 2012 10:16

Φίλε μου ευχαριστώ πολύ. Δεν είσαι απλά Θεός!! Είσαι ημίθεος!!!

Geotenia
Δημοσιεύσεις: 40
Εγγραφή: 15 Μαρ 2011 09:55

Διαφορετικά charts σε μιά σελίδα

Δημοσίευση από Geotenia » 24 Οκτ 2012 10:35

Ολα καλά κι όλα ωραία όταν οι τιμές column και line είναι καρφωτές. Τι γίνεται όμως στη περίπτωση που οι τιμές είναι μεταβλητές arrays από php?

Κώδικας: Επιλογή όλων

<!DOCTYPE HTML> 
<html> 
   <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
      <title>Highcharts Example</title> 

      <script type="text/javascript" src="js/jquery.min.js"></script> 
      <script type="text/javascript" src="js/highcharts.js"></script> 

   </head> 
   <body> 
<?php
include 'core/init.php';
protect_page&#40;&#41;;
include 'includes/overall/header.php';
if&#40;logged_in&#40;&#41;&#41; &#123;
$i = 1; 
$qper = "SELECT * FROM Perifereies_NUTS"; 
$rper = mysql_query&#40;$qper&#41;; 
while &#40;$rowper = mysql_fetch_array&#40;$rper&#41;&#41; &#123; 

$sql = "SELECT c.Metro, Count&#40;a.Ergo_ID&#41; AS synerg, ROUND&#40;Sum&#40;a.Egkekrimenh_DD&#41;,2&#41; AS dd\n" 
    . "FROM Ergo a INNER JOIN Ax_Ergo_Bathmologhsh b ON a.Ergo_ID = b.Ergo_ID INNER JOIN Metra c ON a.Metro = c.Metro_ID\n" 
    . "WHERE a.Perifereies_NUTS=".$rowper&#91;'Kod_perif'&#93;." AND b.nextgnom='E' GROUP BY c.Metro ORDER BY a.Metro"; 

$r = mysql_query&#40;$sql&#41;; 
      
$data1&#91;$i&#93; = array&#40;&#41;; 
$data2&#91;$i&#93; = array&#40;&#41;; 
$data3&#91;$i&#93; = array&#40;&#41;;    

      while &#40;$row = mysql_fetch_array&#40;$r&#41;&#41; &#123; 
         $data1&#91;$i&#93;&#91;&#93; = $row&#91;'Metro'&#93;; 
         $data2&#91;$i&#93;&#91;&#93; = $row&#91;'dd'&#93;; 
         $data3&#91;$i&#93;&#91;&#93; = $row&#91;'synerg'&#93;; 

$d1 = join&#40;$data1&#91;$i&#93;,"','"&#41;; 
$d2&#91;$i&#93; = join&#40;',', $data2&#91;$i&#93;&#41;;
$d3&#91;$i&#93; = join&#40;',', $data3&#91;$i&#93;&#41;; 

&#125;
//echo $d1.'<br>'; 
echo $d2&#91;$i&#93;.'<br>';
//echo $d3.'<br>';
$i =$i+1; 
&#125; 


for &#40;$i = 0; $i < 2; $i++&#41; &#123; 
   $cont = 'container'.$i; 
    echo '<div id="'.$cont.'" style="width&#58; 400px; height&#58; 300px; border&#58;2px solid; margin&#58; 0 auto">'.$cont.'</div>'; 
&#125;
?>
      <script type="text/javascript"> 
         $&#40;document&#41;.ready&#40;function&#40;&#41; &#123; 
   var categories = &#91;'<?php echo $d1; ?>'&#93;; 
   var charts = &#91;&#93;; 
   var columns = &#91;&#93;;

   columns&#91;0&#93; = &#91;309741.53,468122.32,105980.00,2174257.57&#93;; 
   columns&#91;1&#93; = &#91;1048053.54,2745487.38,211057.00,6000928.74&#93;; 

   var lines = &#91;&#93;; 
   lines&#91;0&#93; = &#91;3,5,5,15&#93;; 
   lines&#91;1&#93; = &#91;8,31,7,51&#93;; 
    
//    $&#40;document&#41;.ready&#40;function&#40;&#41; &#123; 
      var getChartConfig = function&#40;cont, column, line, categories&#41; &#123; 

      var config = &#123;&#125;; 
          
            config.chart = &#123; 
                renderTo&#58; eval&#40;cont&#41;, 
                zoomType&#58; 'xy' 
            &#125;; 
          
            config.title = &#123; 
                text&#58; 'Κατανομή Δημόσιας Δαπάνης Ανά Εργο' 
            &#125;; 
          
            config.subtitle = &#123; 
                text&#58; '&#40;σε χιλ. €&#41;' 
            &#125;; 
          
            config.xAxis = &#91;&#123; 
                categories&#58; categories 
            &#125;&#93;; 
          
            config.yAxis = &#91;&#123; // Primary yAxis 
                labels&#58; &#123; 
                    formatter&#58; function&#40;&#41; &#123; 
                        return Highcharts.numberFormat&#40;this.value/1000, 0, ','&#41;;
                    &#125;, 
                    style&#58; &#123; 
                        color&#58; '#89A54E' 
                    &#125; 
                &#125;, 
                title&#58; &#123; 
                    text&#58; 'Δημόσια Δαπάνη', 
                    style&#58; &#123; 
                        color&#58; '#89A54E' 
                    &#125; 
                &#125;
            &#125;, &#123; // Secondary yAxis 
                title&#58; &#123; 
                    text&#58; 'Εργα', 
                    style&#58; &#123; 
                        color&#58; '#4572A7' 
                    &#125; 
                &#125;, 
                labels&#58; &#123; 
                    formatter&#58; function&#40;&#41; &#123; 
                        return this.value +' Εργα'; 
                    &#125;, 
                    style&#58; &#123; 
                        color&#58; '#4572A7' 
                    &#125; 
                &#125;, 
                opposite&#58; true 
            &#125;&#93;; 
          
            config.tooltip = &#123; 
                formatter&#58; function&#40;&#41; &#123; 
                    return ''+ 
                        this.x +'&#58; '+ this.y + 
                        &#40;this.series.name == 'Εργα' ? ' Εργα' &#58; ' €'&#41;; 
                &#125; 
            &#125;; 
            
         config.legend = &#123; 
                layout&#58; 'vertical', 
                align&#58; 'left', 
                x&#58; 80, 
                verticalAlign&#58; 'top', 
                y&#58; 50, 
                floating&#58; true, 
                backgroundColor&#58; '#FFFFFF' 
            &#125;; 
            
         config.series = &#91;&#123; 
                name&#58; 'Δημόσια Δαπάνη', 
                color&#58; '#4572A7', 
                type&#58; 'column', 
 
                data&#58; eval&#40;column&#41; 
    
            &#125;, &#123; 
                name&#58; 'Εργα', 
                color&#58; '#89A54E', 
                type&#58; 'spline',
                yAxis&#58; 1,
                data&#58; eval&#40;line&#41; 
            &#125;&#93;; 
          
         return config; 
        &#125;; 
       
      for&#40;var i = 0; i < 2; i++&#41; 
      &#123; 
         var tempConfig = getChartConfig&#40;"container" + i, columns&#91;i&#93;, lines&#91;i&#93;, categories&#41;; 
         var tempChart = new Highcharts.Chart&#40;tempConfig&#41;; 
         charts.push&#40;tempChart&#41;; 
      &#125; 

    &#125;&#41;; 
    </script> 

<?php
&#125;
include 'includes/overall/footer.php';
?>
Οπου columns είναι το $d2 και lines το $d1.

Λίγη βοήθεια ακόμα αν μπορείς και μετά θα σε αφήσω στην ησυχία σου!!

Σε ευχαριστώ πολύ

Άβαταρ μέλους
burnmind
Script Master
Δημοσιεύσεις: 954
Εγγραφή: 26 Σεπ 2009 02:14
Τοποθεσία: UK
Επικοινωνία:

Διαφορετικά charts σε μιά σελίδα

Δημοσίευση από burnmind » 24 Οκτ 2012 12:07

Θα σου γράψω ένα θεωρητικό structure, γιατί δεν έχω τη βάση σου, δε ξέρω τι αποτελέσματα παίρνεις, ούτε αναφέρεις που έχεις πρόβλημα:

Κώδικας: Επιλογή όλων

<?php
/*
   Php κώδικας, όπου κάνεις τα queries σου κλπ και μένεις με 3 μεταβλητές&#58;
   1&#41; $columns&#58; array που περιέχει τα δεδομένα των columns σου σε μορφή &#91;1, 2, 3&#93; &#40;ως string&#41; έτοιμη να περαστεί στη JS.
   2&#41; $lines&#58; το ίδιο με πάνω.
   3&#41; $chartsCount&#58; πόσα ζεύγη εγγραφών έχεις, άρα ο αριθμός των charts που θα δημιουργήσεις.
*/
?>
<!DOCTYPE HTML> 
<html> 
   <head> 
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
      <title>Highcharts Example</title> 

      <script type="text/javascript" src="jquery.min.js"></script> 
      <script type="text/javascript" src="highcharts.js"></script> 
      <script type="text/javascript">
        var categories = &#91;'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'&#93;; 
        var charts = &#91;&#93;;
        var columns = &#91;&#93;;
        <?php foreach &#40;$columns as $column&#41; &#123; ?>
           columns.push&#40;<?php echo $column; ?>&#41;; //αν τα δεδομένα σου δεν περικλείονται από &#91;&#93; ήδη, τότε πρόσθεσέ τα εδώ.
        <?php &#125; ?>
        var lines = &#91;&#93;;
        <?php foreach &#40;$lines as $line&#41; &#123; ?>
           lines.push&#40;<?php echo $line; ?>&#41;;
        <?php &#125; ?>
	
    $&#40;document&#41;.ready&#40;function&#40;&#41; &#123;
		var getChartConfig = function&#40;cont, column, line, categories&#41; &#123;

		var config = &#123;&#125;;
			
            config.chart = &#123;
                renderTo&#58; eval&#40;cont&#41;, 
                zoomType&#58; 'xy' 
            &#125;;
			
            config.title = &#123; 
                text&#58; 'Average Monthly Temperature and Rainfall in Tokyo' 
            &#125;;
			
            config.subtitle = &#123; 
                text&#58; 'Source&#58; WorldClimate.com' 
            &#125;;
			
            config.xAxis = &#91;&#123; 
                categories&#58; categories 
            &#125;&#93;;
			
            config.yAxis = &#91;&#123; // Primary yAxis 
                labels&#58; &#123; 
                    formatter&#58; function&#40;&#41; &#123; 
                        return this.value +'°C'; 
                    &#125;, 
                    style&#58; &#123; 
                        color&#58; '#89A54E' 
                    &#125; 
                &#125;, 
                title&#58; &#123; 
                    text&#58; 'Temperature', 
                    style&#58; &#123; 
                        color&#58; '#89A54E' 
                    &#125; 
                &#125; 
            &#125;, &#123; // Secondary yAxis 
                title&#58; &#123; 
                    text&#58; 'Rainfall', 
                    style&#58; &#123; 
                        color&#58; '#4572A7' 
                    &#125; 
                &#125;, 
                labels&#58; &#123; 
                    formatter&#58; function&#40;&#41; &#123; 
                        return this.value +' mm'; 
                    &#125;, 
                    style&#58; &#123; 
                        color&#58; '#4572A7' 
                    &#125; 
                &#125;, 
                opposite&#58; true 
            &#125;&#93;;
			
            config.tooltip = &#123; 
                formatter&#58; function&#40;&#41; &#123; 
                    return ''+ 
                        this.x +'&#58; '+ this.y + 
                        &#40;this.series.name == 'Rainfall' ? ' mm' &#58; '°C'&#41;; 
                &#125; 
            &#125;;
            
			config.legend = &#123; 
                layout&#58; 'vertical', 
                align&#58; 'left', 
                x&#58; 120, 
                verticalAlign&#58; 'top', 
                y&#58; 100, 
                floating&#58; true, 
                backgroundColor&#58; '#FFFFFF' 
            &#125;;
            
			config.series = &#91;&#123; 
                name&#58; 'Rainfall', 
                color&#58; '#4572A7', 
                type&#58; 'column', 
                yAxis&#58; 1, 
                data&#58; eval&#40;column&#41; 
    
            &#125;, &#123; 
                name&#58; 'Temperature', 
                color&#58; '#89A54E', 
                type&#58; 'spline', 
                data&#58; eval&#40;line&#41; 
            &#125;&#93;;
			
			return config;
        &#125;; 
		
		
		for&#40;var i = 0; i < <?php echo $chartsCount; ?>; i++&#41;
		&#123;
			var tempConfig = getChartConfig&#40;"container" + i, columns&#91;i&#93;, lines&#91;i&#93;, categories&#41;;
			var tempChart = new Highcharts.Chart&#40;tempConfig&#41;;
			charts.push&#40;tempChart&#41;;
		&#125;
    &#125;&#41;;
    </script> 
   </head> 
   <body> 
   <?php for &#40;$i = 0; $i < $chartsCount; $i++&#41; &#123; ?>
      <div id="container<?php echo $i; ?>" style="min-width&#58; 400px; height&#58; 150px; border&#58;2px solid; margin&#58; 0 auto">container<?php echo $i; ?></div>
   <?php &#125; ?> 
   </body> 
</html>

Geotenia
Δημοσιεύσεις: 40
Εγγραφή: 15 Μαρ 2011 09:55

Διαφορετικά charts σε μιά σελίδα

Δημοσίευση από Geotenia » 24 Οκτ 2012 14:28

Σωστόςςςςς!!!!!!

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες