<?// ---->  hier muss EURE HighChartScriptId eingebenen werden
   $CfgDaten['HighChartScriptId']= 14120 /*[Scripts\Highcharts_V3.00]*/ ;                  // ID des Highcharts Scripts

// Highcharts oder Highstock (default = Highcharts
    $CfgDaten['Ips']['ChartType'] = 'Highstock';

   // Überschriften
   $CfgDaten['title']['text']= "Heizung-Obergeschoss";
   $CfgDaten['title']['style']['fontWeight']= "bold";
   $CfgDaten['title']['style']['color']= "#6D869F";


    // Zeitraum welcher dargestellt werden soll
   $CfgDaten['StartTime'] = time() - (60*60*24*7*4*6); // 60sek x 60min x24h x7d *4w * 6m
   $CfgDaten['EndTime'] = time();

    // Highstocks
    $CfgDaten['rangeSelector']['inputStyle']['color']= '#E0E0E0'; // Schriftfarbe

    // Highstocks Range Selector (Buttons)
    /*********************************************
        An array of configuration objects for the buttons. The individual options for each item are:

        type
        Defines the timespan, can be one of 'millisecond', 'second', 'minute', 'day', 'week', 'month', 'ytd' (year to date), 'year' and 'all'.

        count
        Defines how many units of the defined type to use.

        text
        The text for the button itself
    ************************************************/

    $CfgDaten['rangeSelector']['buttons'][] = array('type'=>'day', 'count'=> 1, 'text'=>'1d');
    $CfgDaten['rangeSelector']['buttons'][] = array("type"=>'week', "count"=> 1, "text"=>'1w');
    $CfgDaten['rangeSelector']['buttons'][] = array("type"=>'month', "count"=> 1, "text"=>'1m');
    $CfgDaten['rangeSelector']['buttons'][] = array("type"=>'all', "text"=>'all');
    $CfgDaten['rangeSelector']['enabled'] = true;
    //$CfgDaten['rangeSelector']['buttonSpacing'] = 20;
   $CfgDaten['rangeSelector']['selected'] = 1;


   $CfgDaten['navigator']['enabled'] = true;
   $CfgDaten['scrollbar']['enabled'] = true;



   // damit wird die Art des Aufrufes festgelegt
   $CfgDaten['RunMode'] = "script";     // file, script oder popup


   $CfgDaten['exporting']['enabled'] = FALSE;
    $CfgDaten['legend']['enabled'] = true;

    // Achse
    $CfgDaten["yAxis"][0]['title']['text'] = "Temperatur";
    $CfgDaten["yAxis"][0]['unit'] = "°C";
    $CfgDaten["yAxis"][0]['opposite'] = false;
    $CfgDaten["yAxis"][0]['offset'] =40;
    $CfgDaten["yAxis"][0]['min'] =10;

    $CfgDaten["yAxis"][1]['title']['text'] = "Luftfeuchte";
    $CfgDaten["yAxis"][1]['unit'] = "%";
    $CfgDaten["yAxis"][1]['opposite'] = true;
     $CfgDaten["yAxis"][1]['offset'] =40;
    $CfgDaten["yAxis"][1]['min'] =40;

    $CfgDaten["yAxis"][2]['title']['text'] = "Soll-Temp";
    $CfgDaten["yAxis"][2]['unit'] = "°C";
    $CfgDaten["yAxis"][2]['opposite'] = false;
    $CfgDaten["yAxis"][2]['offset'] =100;
    $CfgDaten["yAxis"][2]['min'] =10;
    $CfgDaten["yAxis"][2]['max'] =40;




     $CfgDaten["xAxis"][0]['showLastLabel'] = true;


       // ---->  hier mussen in folge natürlich EURE Variablen IDs eingebenen werden

     $serie = array();
     $serie['Id'] = 38492 /*[Heizung\Heizungsventile\Raumtemperatur / Luftfeuchtigkeit\Temperatur]*/  ;
    $serie['name'] = "Temperatur";
    $serie['unit'] = "°C";
     $serie['color'] = "#57A5FF";
     $serie['AggType'] = 0;  // Stundenwerte
    $serie['ReplaceValues'] = false;
    $serie['RoundValue'] = 1;
    $serie['type'] = "spline";
    $serie['yAxis'] = 0;
    $serie['lineWidth'] = 1;
    $serie['states']['hover']['lineWidth'] = 2;
    $serie['marker']['enabled'] = false;
     $CfgDaten["series"][] = $serie;

    $serie = array();
     $serie['Id'] = 31647 /*[Heizung\Heizungsventile\Raumtemperatur / Luftfeuchtigkeit\Luftfeuchtigkeit]*/  ;
    $serie['name'] = "Luftfeuchte";
    $serie['unit'] = "%";
     $serie['color'] = "#F5F53D";
     $serie['AggType'] = 0;  // Stundenwerte
    $serie['ReplaceValues'] = false;
    $serie['RoundValue'] = 1;
    $serie['type'] = "spline";
    $serie['yAxis'] = 1;
    $serie['lineWidth'] = 1;
    $serie['states']['hover']['lineWidth'] = 2;
    $serie['marker']['enabled'] = false;
     $CfgDaten["series"][] = $serie;

    $serie = array();
     $serie['Id'] = 32432 /*[Heizung\Heizungsventile\Einstellbares Thermostat\Einstellwert]*/  ;
    $serie['name'] = "Soll-Temp.";
    $serie['unit'] = "°C";
     $serie['color'] = "#FFFFFF";
     $serie['AggType'] = 0;  // Stundenwerte
    $serie['ReplaceValues'] = false;
    $serie['RoundValue'] = 1;
    $serie['type'] = "spline";
    $serie['yAxis'] = 2;
    $serie['lineWidth'] = 1;
    $serie['states']['hover']['lineWidth'] = 2;
    $serie['marker']['enabled'] = false;
     $CfgDaten["series"][] = $serie;


    // **************************************************************************************
    // *** tooltip *** http://www.highcharts.com/ref/#tooltip
    // **************************************************************************************


   // Chart-Optionen "Tooltip"
   $CfgDaten['tooltip']['useHTML']                          = true;
   $CfgDaten['tooltip']['shared']                           = false;
   $CfgDaten['tooltip']['crosshairs'][]                     = array('width' =>1,'color' =>'grey','dashStyle'=>'dashdot' );
   $CfgDaten['tooltip']['crosshairs'][]                     = array('width' =>1,'color' =>'grey','dashStyle'=>'dashdot' );
   //$CfgDaten['tooltip']['backgroundColor']['linearGradient'] = array (0, 0, 0,80);
   //$CfgDaten['tooltip']['backgroundColor']['stops'][] =array (0,'#000000');
   //$CfgDaten['tooltip']['backgroundColor']['stops'][] =array (1,'#6B6969');
   $CfgDaten['tooltip']['formatter']                         = "@function() {var unit = {
                                                                            '".@$CfgDaten['series'][0]['name']."': '".@$CfgDaten['series'][0]['unit']."',
                                                                            '".@$CfgDaten['series'][1]['name']."': '".@$CfgDaten['series'][1]['unit']."',
                                                                            '".@$CfgDaten['series'][2]['name']."': '".@$CfgDaten['series'][2]['unit']."',
                                                                            }[this.series.name];
                                                                            return '<b>' + Highcharts.dateFormat('%A, %d.%m.%Y, %H:%M', this.x) + ' Uhr</b><br>' + this.series.name
                                                                                        + ': ' + '<b><span style=color:' + this.series.color + '>' + this.y
                                                                                        + ' ' + unit + '</b></span>';
                                                                            }@";


     // Highcharts-Theme
     // $CfgDaten['HighChart']['Theme']="grid.js";   // von Highcharts mitgeliefert: dark-green.js, dark-blue.js, gray.js, grid.js
     $CfgDaten['HighChart']['Theme']="ips.js";   // IPS-Theme muss per Hand in in Themes kopiert werden....

     $CfgDaten['HighChart']['Width'] = 0;             // in px,  0 = 100%
     $CfgDaten['HighChart']['Height'] = 545;         // in px

    // ---->  hier muss die ScriptId des "leeren Cfg-Scripts" eingetragen werden
    $id = 12476 /*[Heizung\Prog_Räume\WebInterface\Highchart]*/ ;
    $s = IPS_GetScript($id);      // Id des Highcharts-Config-Scripts
    include($s['ScriptFile']);
?>