Ignore:
Timestamp:
05/20/13 08:11:12 (11 years ago)
Author:
tanio
Message:
 
File:
1 edited

Legend:

Unmodified
Added
Removed

  • schedule/Module/calendar.php

    r15708 r15710  
    8888                                                                        newdata=newline.join(",");
    8989                                                                        document.getElementById('data').innerHTML=newdata;
    90                                                                         /*if(source==<?php echo $rows['SourceID']; ?>)
    91                                                                         {
    92                                                                                 if(chart.series)
    93                                                                                 {
    94                                                                                         <?php $s=$rows['SourceID']; ?>*/
    95                                                                                                 //chart.addSeries({data:[23,41,51,61]});
    96                                                                                                  function addSeries(chart) {     
    97                                                                                                         var newSeries = new Highcharts.Series();
    98                                                                                                         newSeries.name = 'Tokyo';
    99                                                                                                         newSeries.data = [2,4,5,6,8,9];
    100                                                                                                         newSeries.zIndex = -1;
    101                                                                                                          
    102                                                                                                          for (var i = 0; i < newSeries.data.length; i++) {
    103                                                                                                                  var datum = newSeries.data[i];
    104                                                                                                                  datum.marker = {
    105                                                                                                                          enabled: false,
    106                                                                                                                          states: {
    107                                                                                                                                  hover: {
    108                                                                                                                                          enabled: false,
    109                                                                                                                                          lineColor: '#ff0000'
    110                                                                                                                                  }
    111                                                                                                                          }
    112                                                                                                                 };
    113                                                                                                          }
    114                                                                                                        
    115                                                                                                         chart.addSeries(newSeries);     
    116                                                                                                        
    117                                                                                                 };
    118                                                                                 /*}
    119                                                                         }
    120                                                                         /*for (var i = 0; i < newSeries.data.length; i++) {
    121                                                                                          var datum = newSeries.data[i];
    122                                                                                          datum.marker = {
    123                                                                                                  enabled: false,
    124                                                                                                  states: {
    125                                                                                                          hover: {
    126                                                                                                                  enabled: false,
    127                                                                                                                  lineColor: '#ff0000'
    128                                                                                                          }
    129                                                                                                  }
    130                                                                                         };
    131                                                                         for(var c=0;c<newline.length;c++)
    132                                                                         {
    133                                                                                 arr[c];
    134                                                                         };*/
    135                                                                         var chart = new Highcharts.Chart({
     90                                                                        $(function () {
     91                                                                                var data = '[{"name":"Station 1","data":"1360191600,398.625"},{"name":"Station 1","data":"1360192500,398.625"},{"name":"Station 1","data":"1360193400,398.25"},{"name":"Station 1","data":"1360194300,397.375"},{"name":"Station 1","data":"1360195200,397.5"},{"name":"Station 1","data":"1360196100,397.5"},{"name":"Station 1","data":"1360199700,396.75"},{"name":"Station 1","data":"1360200600,397"}]';
     92
     93
     94                                                                                var options = {
     95                                                                                        chart: {
     96                                                                                                renderTo: 'container'
     97                                                                                        },
     98                                                                                        xAxis: {
     99                                                                                                type:'datetime'
     100                                                                                        },
     101                                                                                        series: []
     102                                                                                };
     103
     104                                                                                data = JSON.parse(data);
     105                                                                                var names = [];
     106                                                                                $.each(data, function (i, ligne) {
     107                                                                                        var ind = names.indexOf(ligne.name),
     108                                                                                                splited = ligne.data.split(','),
     109                                                                                                x = parseFloat(splited[0]),
     110                                                                                                y = parseFloat(splited[1]);
     111                                                                                        if (ind == -1) {
     112                                                                                                ind = names.push(ligne.name) - 1;
     113                                                                                                options.series.push({
     114                                                                                                        data: [],
     115                                                                                                        name: ligne.name
     116                                                                                                });
     117                                                                                        }
     118                                                                                        if(!isNaN(x) && !isNaN(y)){
     119                                                                                                options.series[ind].data.push([x,y]);   
     120                                                                                        }
     121                                                                                });
     122                                                                               
     123                                                                                console.log(options);
     124
     125                                                                                var chart = new Highcharts.Chart(options);
     126                                                                        });
    136127                                                                       
    137                                                                        
    138                                                                                 chart: {
    139                                                                                         renderTo: 'container' /* display to div Graph*/
    140                                                                            },
    141                                                                                
    142                                                                                 xAxis: {
    143                                                                                 labels: {
    144                                                                                                         rotation: -45,
    145                                                                                                         align: 'right',
    146                                                                                                         },
    147                                                                                         categories:["","","","","","","","19:00","20:00","21:00","22:00","23:00","24:00","1:00","2:00","3:00","4:00","5:00","6:00","7:00"]},
    148                                                                                 series:[], /* array of Data  */
    149                                                                                
    150                                                                                 remove:function()
    151                                                                                 {
    152                                                                                         return false;
    153                                                                                 },
    154                                                                                
    155                                                                                  exporting: {                                                   /*--------------------*/
    156                                                                                   buttons: {                                                    /*                                        */
    157                                                                                         exportButton: {                                 /*              Export            */
    158                                                                                                 menuItems: null,                        /*                to              */
    159                                                                                                    onclick: function() {                /*                      PNG.file  */
    160                                                                                                                 this.exportChart();             /*--------------------*/
    161                                                                                                         }
    162                                                                                                 }
    163                                                                                         }
    164                                                                                 },
    165                                                                                
    166                                                                                 plotOptions:
    167                                                                                 {
    168                                                                                 series: {
    169                                                                                                 marker: {
    170                                                                                                         enabled: true,
    171                                                                                                        
    172                                                                                                 }
    173                                                                                                  
    174                                                                                 }
    175                                                                                 },
    176                                                                        
    177                                                                                
    178                                                                                
    179                                                                         });
    180128                                                                        /*$('#add').click(function(){
    181129                                                                               
Note: See TracChangeset for help on using the changeset viewer.