Q&A Highcharts V2.0

Spricht nichts dagegen :wink:

Der obere Graph ist die Integer-Variable eines Keymatic. 0,1,2.

Config-File als Anlage

Und eine Grundsätzliche Frage ist noch offen:
Lässt sich die Aktualisierung der Auswertungen nicht mit dem Aufruf der Seite im Webfront verbinden? Dann würde das zyklische Aufrufen oder F5 entfallen.

F5 oder ähnliches zum Refreshen muss doch nicht sein. Setzte auf die Config einen Event der z.B. das Skript alle 5 Minuten ausführt.

35087.ips.rar (3.75 KB)

@RS

habe mal in einem Beitrag von dir gelesen, dass du nachts deine Auswertungen erzeugst. Erstellst du da die entsprechenden Daten für deine Highcharts?

Meine Ziel ist es, dass mittels dem KHC Script Werte aus einer Datenbank oder Textdatei mit entsprechenden Daten (so aufbereitet, dass es Highcharts direkt schluckt) ein Highchart zu erzeugen.

So wie ich das KHC Script verstehe, zielt dies „nur“ auf Variablen in IPS ab, bei denen das Datenlogging aktiviert wurde.

Eine andere Möglichkeit, Daten von externen Quellen anzubinden habe ich nicht gefunden.

Wäre noch eine coole Erweiterungsoption :slight_smile:

Hi FRAD,
alle HC-Jobs, die bei mir laufen, ziehen ihre Daten aus der IPS-DB.
wenn du Daten selbst aufbereiten willst, ist das mit HC kein Problem, du musst die Daten nur als Array mit Wertepaar Value und TimeStamp übergeben. Woher die Daten kommen, ist völlig egal.
hab ich hier auch irgendwo schon beschrieben, im Original-Config-Script von KHC ist m.E. auch ein Beispiel.

Habe das gefunden und schon mal angefangen etwas zu stricken.

<?

   $AussentemperaturString                   = 36016 /*[Heizung\Charts\Temperaturen\Außentemperatur mySQL]*/ ;
   $Aussen_Temp_array         = '74.39, 229.04, 369.71, 435.38, 484.43, 475.92, 486.46, 460.92, 384.3, 290.66, 176.75, 111.48';

   SetValueString($AussentemperaturString, $Aussen_Temp_array);

?>

Dieser Weg ist klar. Wie aber könnte ich die Werte anstatt aus einer Variable diese direkt aus einer Datei entnehmen bzw. diese dem KHC Script mitteilen? Wie ich eine Datei mittels PHP auslese weiss ich. Mir geht es darum, die Werte nicht aus der Variable zu bekommen sondern direkt aus der Datei ODER aus einenm PHP Array, dies ginge auch noch.

Viele Grüße

PS: Echt coole Highcharts hier in diesem Thread

ich verstehe die Frage nicht. Wie du die Daten aus der Quelle holst, weisst du. Wie du die daten an das HC übergibst hatte ich geschrieben: als Array mit Wertepaaren, bestehend aus ‚Value‘ und ‚TimeStamp‘. Beispiele dazu findest du sowohl im HC-Configscript als auch hier im Thread.

alles klar… Hatte mir eben nochmal das Paket heruntergeladen und mir das Config-Script angeschaut… Das Beispiel hatte ich anscheinend aus dem Script gelöscht…

Du meinst sicher dieses Beispiel:

    $serie = array();
    $serie['name'] = 'Pie';
    $serie['type'] = 'pie';
    $serie['data'][] = array('name'=>'Aussentemperatur', 'Id' => 23960, 'Unit'=>"°C");    
    $serie['data'][] = array('name'=>'Luftfeuchte', 'Id' => 13641, 'Unit'=>"%");         
    $serie['allowPointSelect'] = true;
    $serie['cursor'] = 'pointer';
    $serie['center'] = array(300,100);
    $serie['size'] = 100;
    $serie['dataLabels']['enabled'] = true;
    $CfgDaten['series'][] = $serie;

Damit werde ich jetzt mal ein wenig spielen… :slight_smile:

Also ich habe es hier so, dass ich die Daten aus einer mysql Datenbank ziehe. Wie das läuft, ist hier irgendwo weiter vorne beschrieben …

Gruß,
Christoph

… auf Threads selber durchlesen steht der nicht so :smiley:

Genau so ist es!

Hallo Werner,

vielen Dank für Dein Script. Auch auf die Gefahr, das ich es etwas vergewaltigt habe… es sind doch einige Fragen entstanden. Das Script ist auch noch nicht ganz fertig, aber schau selbst. Leider lässt sich momentan kein Screenshot hochladen…

  1. Fehlermeldungen
    Notice: Undefined variable: agg_temp in C:\IP-Symcon\scripts\Bewegung und Alarm COnfigHC.ips.php on line 35

Notice: Undefined variable: agg_temp in C:\IP-Symcon\scripts\Bewegung und Alarm COnfigHC.ips.php on line 36

linke Seite Achsenbeschriftung wird immer einmal übersprungen
ganz oben die zwei Integer Werte (von 1-4) keine Achsenbeschriftung und der hellgraue Balken fehlt

Wie kann ich das Grid entfernen (ev. im ips Template)

Generell: das Zoomen geht nicht mehr im Chart (auch schon bei weniger Werten)

  1. Im Script bei der Datendefinition lege ich unter Unit fest was false oder true ist. Welche Auswirkungen hat das?

  2. PS: Hoover ist deaktiviert sonst wird mann blind…

Danke, Stromer

<?
	// bei der Konfiguration unbedingt auf die Groß/Kleinschreibung achten

$actID  = 31470 /*[21 Highcharts 2.3.2\01 Plotbereich\Startzeit jetzt minus]*/;
$rangeID = 57419 /*[21 Highcharts 2.3.2\01 Plotbereich\Plotzeitraum]*/;
$aggID  = 47942 /*[21 Highcharts 2.3.2\01 Plotbereich\Aggregation]*/;

if($_IPS['SENDER'] == "WebFront")
{
  	SetValue($_IPS['VARIABLE'], $_IPS['VALUE']);
	if((GetValue($rangeID) == 0) && (GetValue($actID) == 0)) {
	   SetValue($aggID, 1);
	}
}

$false 	= 'inaktiv';
$true 	= 'aktiv';

$act 		= GetValue($actID);
$range 	= GetValue($rangeID);
$agg 		= GetValue($aggID);

switch($agg) {
	case 1:
	   $agg_temp = 1;
	break;
	case 2:
	   $agg_temp = 7;
	break;
	case 3:
	   $agg_temp = 31;
	break;
}

$ts = $act * $agg_temp;
$te = ($agg_temp * $range) + $ts;


	IPS_SetHidden($_IPS['SELF'], true);

	Global $CfgDaten; // damit kann der Script auch von anderen Scripten aufgerufen werden und bereits mit CfgDaten vorkonfiguriert werden

	// IPS Variablen ID´s
	$CfgDaten["ContentVarableId"]		= 49009 /*[21 Highcharts 2.3.2\Bewegung und Alarm\Bewegung und Alarm]*/;  // ID der String Variable in welche die Daten geschrieben werden (-1 oder überhaupt nicht angeben wenn die Content Variable das übergordnete Element ist)
	$CfgDaten["HighChartScriptId"]	= 10775 /*[21 Highcharts 2.3.2\Highcharts_V2.02.ips.php]*/;  				// ID des Highcharts Scripts

	// Highcharts oder Highstock (default = Highcharts
//	$CfgDaten['Ips']['ChartType'] = 'Highstock';
	$CfgDaten['Ips']['ChartType'] = 'Highcharts';


	// Zeitraum welcher dargestellt werden soll (kann durch die Zeitvorgaben in den Serien verändert werden)
	$CfgDaten["StartTime"] = mktime(0,0,0, 	date("m", time()), date("d",time())-$te, date("Y",time())); // ab heute 00:00 Uhr
	$CfgDaten["EndTime"] = mktime(23,59,59, 	date("m", time()), date("d",time())-$ts, date("Y",time())); // ab heute 23:59 Uhr, oder //$CfgDaten["EndTime"] = time();   // = bis jetzt

	// damit wird die Art des Aufrufes festgelegt
	$CfgDaten["RunMode"] = "file"; 	// file, script oder popup
	if ($CfgDaten["RunMode"] == "popup")
	{
		$CfgDaten["WebFrontConfigId"] = 39591 /*[WebFront Configurator]*/;
		$CfgDaten["WFCPopupTitle"]	 	= "Bewegung und Alarm";
	}

	// => ab V1.0003, neu
	// => ab V1.0007 zusäztlich WeekValues, MonthValues, YearValues (-1 wenn keine entsprechenden Werte eingelesen werden sollen)
	// Serienübergreifende Einstellung für das Laden von Werten
	$CfgDaten["AggregatedValues"]["HourValues"] 		= -1;      // ist der Zeitraum größer als X Tage werden Stundenwerte geladen
	$CfgDaten["AggregatedValues"]["DayValues"] 		= 14;       // ist der Zeitraum größer als X Tage werden Tageswerte geladen
	$CfgDaten["AggregatedValues"]["WeekValues"] 		= 30;      // ist der Zeitraum größer als X Tage werden Wochenwerte geladen
	$CfgDaten["AggregatedValues"]["MonthValues"] 	= 40;      // ist der Zeitraum größer als X Tage werden Monatswerte geladen
	$CfgDaten["AggregatedValues"]["YearValues"] 		= -1;      	// ist der Zeitraum größer als X Tage werden Jahreswerte geladen
	$CfgDaten["AggregatedValues"]["NoLoggedValues"] = 1000; 	// ist der Zeitraum größer als X Tage werden keine Boolean Werte mehr geladen, diese werden zuvor immer als Einzelwerte geladen	$CfgDaten["AggregatedValues"]["MixedMode"] = false;     // alle Zeitraumbedingungen werden kombiniert
	$CfgDaten["AggregatedValues"]["MixedMode"] 		= true;
	// => ab V1.0007, Änderung der Systematik: funktioniert jetzt additiv. D.h. die angegebenen Werte gehen ab dem letzten Wert
	//
	//            -5 Tage           -3 Tage    					EndTime
	// |           |              	|            				 |
	// |           |DayValue = 2     |HourValues = 3          |
	// |Tageswerte |Stundenwerte     |jeder geloggte Wert     |


	// *** Highcharts Options ***
	// 	Ab hier werden die Bereiche des Highchart-Objektes parametriert.
	// 	Dieser Bereich wurde (soweit möglich) identisch der Originalstruktur gehalten.
	// 	Informationen über die Parametrierung findet man unter http://www.highcharts.com/ref/

	// *** title *** siehe http://www.highcharts.com/ref/#title
	$CfgDaten['title']['text'] = "Bewegung und Alarm";

	// *** subtitle *** siehe http://www.highcharts.com/ref/#subtitle
	$CfgDaten['subtitle']['text'] = "Zeitraum: %STARTTIME% - %ENDTIME%"; 	// "" = Automatisch über Zeitraum
	$CfgDaten['subtitle']['Ips']['DateTimeFormat'] = "(D) d.m.Y H:i"; 			// z.B.: "(D) d.m.Y H:i" (wird auch als Default herangezogen wenn nichts konfiguriert wurde)


	// Datendefinition
	$serie['Id'] 													= 00000 /*[Kein(e)]*/;
	$serie['Name'] 												= "BMI Treppenaufgang Haustür - fehlt noch";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#FF0000";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>0.0,true=>1.0);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

	// Datendefinition
	$serie['Id'] 													= 53917 /*[05 LCN\LCN BMIs\M201 EG Terasse BMI4\M201 EG Terasse BMI4 Status]*/;
	$serie['Name'] 												= "BMI Terasse";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>1.5,true=>2.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 52871 /*[05 LCN\LCN BMIs\M202 UG Heizung BMI5\M202 UG Heizung BMI5 Status]*/;
	$serie['Name'] 												= "UG BMI Heizung";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>3.0,true=>4.0);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 00000 /*[Kein(e)]*/;
	$serie['Name'] 												= "UG BMI Lagerraum - fehlt noch";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>4.5,true=>5.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 19725 /*[05 LCN\LCN BMIs\M202 UG Werken BMI6\M202 UG Werken BMI6 Status]*/;
	$serie['Name'] 												= "UG BMI Werkraum";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>6,true=>7);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 56690 /*[05 LCN\LCN BMIs\M201 UG Kellertür BMI5\M201 UG Kellertür BMI5 Status]*/;
	$serie['Name'] 												= "UG BMI Kellertür";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>7.5,true=>8.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 41790 /*[05 LCN\LCN BMIs\M202 UG Flur BMI4\M202 UG Flur BMI4 Status]*/;
	$serie['Name'] 												= "UG BMI Flur";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>9,true=>10);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 27206 /*[05 LCN\LCN BMIs\M11 EGUG Treppenhaus BMI5\M11 EGUG Treppenhaus BMI5 Status]*/;
	$serie['Name'] 												= "EGUG BMI Treppenhaus";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>10.5,true=>11.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 00000 /*[Kein(e)]*/;
	$serie['Name'] 												= "OG BMI Büro - fehlt noch";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>12,true=>13);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 59911 /*[05 LCN\LCN BMIs\M203 OG Schlafzimmer BMI5\M203 OG Schlafzimmer BMI5 Status]*/;
	$serie['Name'] 												= "OG BMI Schlafzimmer";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>13.5,true=>14.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 10847 /*[05 LCN\LCN BMIs\M150 OG Bad BMI4\M150 OG Bad BMI4 Status]*/;
	$serie['Name'] 												= "OG BMI Bad";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>15,true=>16);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 11924 /*[05 LCN\LCN BMIs\M110 OG Treppenhaus BMI4\M110 OG Treppenhaus BMI4 Status]*/;
	$serie['Name'] 												= "OG BMI Treppenhaus";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>16.5,true=>17.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 12326 /*[05 LCN\LCN BMIs\M110 EGOG Treppenhaus BMI5\M110 EGOG Treppenhaus BMI5 Status]*/;
	$serie['Name'] 												= "EGOG BMI Treppenhaus";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>18,true=>19);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 35852 /*[05 LCN\LCN BMIs\M30 EG WC BMI4\M30 EG WC BMI4 Status]*/;
	$serie['Name'] 												= "EG BMI Toilette";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>19.5,true=>20.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 21904 /*[05 LCN\LCN BMIs\M30 EG Garderobe BMI5\M30 EG Garderobe BMI5 Status]*/;
	$serie['Name'] 												= "EG BMI Garderobe";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>21,true=>22);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 35883 /*[05 LCN\LCN BMIs\M20 EG Küche BMI4\M20 EG Küche BMI4 Status]*/;
	$serie['Name'] 												= "EG BMI Küche";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>22.5,true=>23.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 17496 /*[05 LCN\LCN BMIs\M42 EG Wohnzimmer BMI4\M42 EG Wohnzimmer BMI4 Status]*/;
	$serie['Name'] 												= "EG BMI Wohnzimmer";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>24,true=>25);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 00000 /*[Kein(e)]*/;
	$serie['Name'] 												= "EG BMI Esszimmer - fehlt noch";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>25.5,true=>26.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 38590 /*[05 LCN\LCN Binäreingänge\B6B6 Fensterkontakt Küche\Küchenfenster geschlossen]*/;
	$serie['Name'] 												= "EG Küchenfenster";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'zu', true=>'offen');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>27,true=>28);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 11005 /*[05 LCN\LCN Binäreingänge\B6B7 Tür Küche\Küchentür geschlossen]*/;
	$serie['Name'] 												= "EG Küchentür";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'zu', true=>'offen');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>28.5,true=>29.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 12222 /*[05 LCN\LCN Binäreingänge\B6B8 Schiebetür Terasse\Schiebetür geschlossen]*/;
	$serie['Name'] 												= "EG Schiebetür";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'zu', true=>'offen');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>30,true=>31);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 42425 /*[41 Sicherheit\Türkontakte\TFK-868 (Input) 1 Haustür\Haustür]*/;
	$serie['Name'] 												= "EG Haustür";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'zu', true=>'offen');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>31.5,true=>32.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 37108 /*[05 LCN\LCN BMIs\M11 EG Treppenhaus BMI4\M11 EG Treppenhaus BMI4 Status]*/;
	$serie['Name'] 												= "EG BMI Flur";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>33,true=>34);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 51253 /*[41 Sicherheit\Türkontakte\TFK-868 (Input) 2 Garagentür\Garagentür]*/;
	$serie['Name'] 												= "UG Garagentür";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'zu', true=>'offen');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>34.5,true=>35.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 17700 /*[05 LCN\LCN BMIs\M203 UG Garage BMI4\M203 UG Garage BMI4 Status]*/;
	$serie['Name'] 												= "UG BMI Garage";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'ruhe', true=>'aktiv');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>36,true=>37);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 00000 /*[Kein(e)]*/;
	$serie['Name'] 												= "Gast Anwesenheit - fehlt noch";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'abwesend', true=>'anwesend');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>37.5,true=>38.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 58986 /*[36 Anwesenheit\AKM\AKM-868 (Tracker) Elke\Elke]*/;
	$serie['Name'] 												= "Elke Anwesenheit";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'abwesend', true=>'anwesend');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>39,true=>40);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 16389 /*[36 Anwesenheit\AKM\AKM-868 (Tracker) Klaus\Klaus]*/;
	$serie['Name'] 												= "Klaus Anwesenheit";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'abwesend', true=>'anwesend');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>40.5,true=>41.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 21574 /*[36 Anwesenheit\Anwesenheit]*/;
	$serie['Name'] 												= "Gesamt Anwesenheit";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(false=>'abwesend', true=>'anwesend');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#00FF00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(false=>42,true=>43);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;


	// Datendefinition
	$serie['Id'] 													= 12625 /*[41 Sicherheit\Alarmanlage\Alarmanlage Status]*/;
	$serie['Name'] 												= "Alarmanlage Status";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(1=>'Al.Anlage Aus', 2=>'AutoOn Anw.',3=>'AutoOn Abw.',4=>'Manuell An');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#FF7F00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(1=>43.5, 2=>44.5, 3=>45.5, 4=>46.5);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;

// Datendefinition
	$serie['Id'] 													= 46698 /*[41 Sicherheit\Alarmanlage\Alarm ausgelöst]*/;
	$serie['Name'] 												= "Alarmauslösung Status";
	$serie['AggType'] 											= 0;
	$serie['Unit'] 												= array(1=>'stiller Alarm', 2=>'scharfer Alarm',3=>'Alarm Abw.',4=>'Alarm Anw.');
	$serie['type'] 												= "line";
	$serie['zIndex'] 												= 10;
	$serie['color'] 												= "#FF7F00";
	$serie['step'] 												= true;
	$serie['ReplaceValues'] 									= array(1=>47, 2=>48, 3=>49, 4=>50);
	$serie['yAxis'] 												= 0;
	$serie['visible'] 											= true;
	$serie['shadow'] 												= true;
	$serie['lineWidth'] 											= 1;
	$serie['states']['hover']['lineWidth'] 				= 2;
	$serie['marker']['enabled'] 								= false;
	$serie['marker']['states']['hover']['enabled'] 		= true;
	$serie['marker']['states']['hover']['symbol'] 		= 'circle';
	$serie['marker']['states']['hover']['radius'] 		= 4;
	$serie['marker']['states']['hover']['lineWidth'] 	= 1;
	$CfgDaten["Series"][] = $serie;
	
	// --------------------------------------------------------------------------
	// y-Achsen-Definition
	// --------------------------------------------------------------------------
//return;

	$CfgDaten["yAxis"][0]['title']['text'] = "";
	$CfgDaten["yAxis"][0]['Unit'] = "";
	$CfgDaten["yAxis"][0]['opposite'] = false;
	$CfgDaten["yAxis"][0]['tickInterval'] = 1.0;
	$CfgDaten["yAxis"][0]['min'] = 0;
	$CfgDaten["yAxis"][0]['max'] = 51;
	$CfgDaten["yAxis"][0]['title']['style']['color'] = "#FFFFFF";
	$CfgDaten["yAxis"][0]['labels']['style']['color'] = "#FFFFFF";
	$CfgDaten["yAxis"][0]['labels']['staggerLines'] = 2;
	$CfgDaten['yAxis'][0]['labels']['formatter'] = "@function() {
	if (this.value == 0) return 'ruhe'; if (this.value == 1.0) return 'aktiv';
	if (this.value == 1.5) return 'ruhe'; if (this.value == 2.5) return 'aktiv';
	if (this.value == 3) return 'ruhe'; if (this.value == 4) return 'aktiv';
	if (this.value == 4.5) return 'ruhe'; if (this.value == 5.5) return 'aktiv';
	if (this.value == 6) return 'ruhe'; if (this.value == 7) return 'aktiv';
	if (this.value == 7.5) return 'ruhe'; if (this.value == 8.5) return 'aktiv';
	if (this.value == 9) return 'ruhe'; if (this.value == 10) return 'aktiv';
	if (this.value == 10.5) return 'ruhe'; if (this.value == 11.5) return 'aktiv';
	if (this.value == 12) return 'ruhe'; if (this.value == 13) return 'aktiv';
	if (this.value == 13.5) return 'ruhe'; if (this.value == 14.5) return 'aktiv';
	if (this.value == 15) return 'ruhe'; if (this.value == 16) return 'aktiv';
	if (this.value == 16.5) return 'ruhe'; if (this.value == 17.5) return 'aktiv';
	if (this.value == 18) return 'ruhe'; if (this.value == 19) return 'aktiv';
	if (this.value == 19.5) return 'ruhe'; if (this.value == 20.5) return 'aktiv';
	if (this.value == 21) return 'ruhe'; if (this.value == 22) return 'aktiv';
	if (this.value == 22.5) return 'ruhe'; if (this.value == 23.5) return 'aktiv';
	if (this.value == 24) return 'ruhe'; if (this.value == 25) return 'aktiv';
	if (this.value == 25.5) return 'ruhe'; if (this.value == 26.5) return 'aktiv';
	if (this.value == 27) return 'zu'; if (this.value == 28) return 'offen';
	if (this.value == 28.5) return 'zu'; if (this.value == 29.5) return 'offen';
	if (this.value == 30) return 'zu'; if (this.value == 31) return 'offen';
	if (this.value == 31.5) return 'zu'; if (this.value == 32.5) return 'offen';
	if (this.value == 33) return 'ruhe'; if (this.value == 34) return 'aktiv';
	if (this.value == 34.5) return 'zu'; if (this.value == 35.5) return 'offen';
	if (this.value == 36) return 'abwesend'; if (this.value == 37) return 'anwesend';
   if (this.value == 37.5) return 'abwesend'; if (this.value == 38.5) return 'anwesend';
   if (this.value == 39) return 'abwesend'; if (this.value == 40) return 'anwesend';
   if (this.value == 40.5) return 'abwesend'; if (this.value == 41.5) return 'anwesend';
	if (this.value == 43.5) return 'Anl. aus'; if (this.value == 44.5) return 'AON Anw.';  if (this.value == 45.5) return 'AON Abw.'; if (this.value == 46.5) return 'Man. An'
	}@";

		// PlotBands generieren

	for($sensor=0; $sensor < count($CfgDaten['Series']); $sensor++) {
		$pb['zIndex'] = NULL;
		$pb['from'] 									= $CfgDaten["Series"][$sensor]['ReplaceValues'][0];

		if (@$CfgDaten["Series"][$sensor]['ReplaceValues'][2]) {
			$pb['to'] 										= $CfgDaten["Series"][$sensor]['ReplaceValues'][2];
		}
		else
		{
			$pb['to'] 										= $CfgDaten["Series"][$sensor]['ReplaceValues'][1];
		}
		$pb['color'] 									= 'rgba(96, 96, 96, 0.3)';
		$pb['label']['text'] 						= 	$CfgDaten["Series"][$sensor]['Name'];
		$pb['label']['verticalAlign'] 			= 'center';
		$pb['label']['align'] 						= 'left';
		$pb['label']['x'] 							= 5;
		$pb['label']['y'] 							= 15;
		$pb['label']['style']['color'] 			= $CfgDaten["Series"][$sensor]['color'];
		$CfgDaten["yAxis"][0]['plotBands'][]	= $pb;
	}


	// Highcharts-Theme
	$CfgDaten['HighChart']['Theme']="ips.js";   // IPS-Theme muss per Hand in in Themes kopiert werden....

	// Abmessungen des erzeugten Charts
	$CfgDaten['HighChart']['Width'] 	= 0; 	// in px,  0 = 100%
	$CfgDaten['HighChart']['Height'] = 1000; 	// in px

	// weitere Optionen +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	// Chart-Config "Credits"
	$CfgDaten['credits']['enabled'] 							= false;
	$CfgDaten['credits']['href'] 								= "";
	$CfgDaten['credits']['text'] 								= "greipl-it.de";
	$CfgDaten['credits']['position']['align'] 			= "right";
	$CfgDaten['credits']['position']['x'] 					= -10;
	$CfgDaten['credits']['position']['verticalAlign'] 	= "top";
	$CfgDaten['credits']['position']['y'] 					= 7;

	// *** exporting *** http://www.highcharts.com/ref/#exporting
	$CfgDaten['exporting']['enabled'] 						= false;
	$CfgDaten['navigation']['enabled'] 						= false;

	// Chart-Optionen "Tooltip"
   $CfgDaten['tooltip']['useHTML'] 							= true;
   $CfgDaten['tooltip']['shared'] 							= true;
   $CfgDaten['tooltip']['crosshairs'][] 					= array('width' =>1,'color' =>'grey','dashStyle'=>'dashdot' );
	$CfgDaten['tooltip']['crosshairs'][] 					= array('width' =>1,'color' =>'grey','dashStyle'=>'dashdot' );
//	$CfgDaten['tooltip']['formatter'] 						= "@function() {
//																								var s = '<b>' + Highcharts.dateFormat('%d.%m.%Y, %H:%M', this.x) +'</b><br/>';
//
//																			                $.each(this.points, function(i, point) {
//																									if (point.y == 0) unit = '$false'; if (point.y == 1.0) unit = '$true';
//																									if (point.y == 2.0) unit = 'geschlossen'; if (point.y == 3.0) unit = 'offen';
//																									if (point.y == 4.0) unit = 'verriegelt'; if (point.y == 5.0) unit = 'entriegelt'; if (point.y == 6.0) unit = 'öffnen';
//																		                     var step = {}[this.series.name];
//																			                    s += '<br/>' + '<span style=color:' + point.series.color + '>' + point.series.name +': </span><b>' + unit + '</b>';
//																			                });
//
//																			                return s;
//																			            }
//																			@";

   $CfgDaten['legend']['enabled']			= false;
   $CfgDaten['legend']['borderRadius']		= 0;
   $CfgDaten['legend']['borderColor']		= "#1b2b3b";
   $CfgDaten['legend']['shadow']				= true;

   $CfgDaten['chart']['zoomType']			= "x";
   $CfgDaten['chart']['animation']			= false;



	// -------------------------------------------------------------------------------------------------------------------------------------
	// und jetzt los ......
	$s=IPS_GetScript($CfgDaten["HighChartScriptId"]);      // Id des Highcharts-Scripts
	include($s['ScriptFile']);

  	// => ab V1.0003
  	// hier werden die CfgDaten geprüft und bei Bedarf vervollständigt
	$CfgDaten = CheckCfgDaten($CfgDaten);

	// => ab V1.0003 neu, ab V1.0006 Erweiterung Parameter "popup"
	if (isset($CfgDaten["RunMode"])
		&& ($CfgDaten["RunMode"] == "script" || $CfgDaten["RunMode"] == "popup"))
	{
		// Variante1: Übergabe der ScriptId. Daten werden beim Aufruf der PHP Seite erzeugt und direkt übergeben. Dadurch kann eine autom. Aktualisierung der Anzeige erfolgen
		if ($IPS_SENDER != "WebInterface")
		{
			WriteContentWithScriptId ($CfgDaten, $IPS_SELF);     	// und jetzt noch die ContentTextbox
			return;                                               // Ende, weil durch die Zuweisung des Script sowieso nochmals aufgerufen wird
		}

		$sConfig = CreateConfigString($CfgDaten);             	// erzeugen und zurückgeben des Config Strings
	}
	else
	{
		//Variante2: Übergabe des Textfiles. Daten werden in tmp-File gespeichert. Eine automatische Aktualisierung beim Anzeigen der Content-Textbox erfolgt nicht
		$sConfig = CreateConfigString($CfgDaten);             // erzeugen und zurückgeben des Config Strings

		$tmpFilename = CreateConfigFile($sConfig, $IPS_SELF);            // und ab damit ins tmp-Files
		if ($IPS_SENDER != "WebInterface")
		{
			WriteContentWithFilename ($CfgDaten, $tmpFilename);        // und jetzt noch die ContentTextbox
		}
	}



?>

Hi Stromer,

schau ich mir morgen mal an. Bis dahin kannst Du vielleicht auch wieder Graphen hochladen.

Hallo,

ich wollte auch versuchen Highcharts bei mir einzusetzen. Leider blicke ich mal wieder nichts :confused:

Habe wie angegeben Highcharts-2.3.3.zip in den Ordner „user/Highcharts“ kopiert. Rufe ich z.B. IP-Adresse:82/user/Highcharts auf, komme ich zu den Examples. Das passt also mal oder?

Habe dann eine Kategorie mit dem Namen Highcharts im Objektbaum angelegt. Darin habe ich zwei neue Scripts angelegt und dann da den Inhalt des Configscripts und des Highchartscripts kopiert und die dann gespeichert.

Hoffe das ich bis hierher schon mal richtig bin?

Danach habe ich eine Sring Variable mit der ID34180 mit dem Profil ~HTMLBox angelegt.

Mein Configscript sieht jetzt wie folgt aus:

<?php
	// bei der Konfiguration unbedingt auf die Groß/Kleinschreibung achten
	// es wurde versucht folgende Namensgebeung in der Konfiguration zu verwenden
	// Parameter mit kleinen Anfangsbuchstaben = Parameter welche von Highcharts übnernommen wurden. Siehe dazu: http://www.highcharts.com/ref/
	// Parameter mit großen Anfangsbuchstaben = für das IPS-Highcharts-Script eingeführte Parameter

	Global $CfgDaten; // damit kann der Script auch von anderen Scripten aufgerufen werden und bereits mit CfgDaten vorkonfiguriert werden

	// IPS Variablen ID´s
	$CfgDaten['ContentVarableId']= 34180 /*[Highcharts\Highchart]*/;  // ID der String Variable in welche die Daten geschrieben werden (-1 oder überhaupt nicht angeben wenn die Content Variable das übergordnete Element ist)
	$CfgDaten['HighChartScriptId']= 19798 /*[Highcharts\Highchartsscript]*/;  				// ID des Highcharts Scripts

	// Highcharts oder Highstock (default = Highcharts
	$CfgDaten['Ips']['ChartType'] = 'Highcharts';

	// Zeitraum welcher dargestellt werden soll (kann durch die Zeitvorgaben in den Serien verändert werden)
	$CfgDaten['StartTime'] = mktime(0,0,0, date("m", time()), date("d",time())-10, date("Y",time())); // ab heute 00:00 Uhr
	$CfgDaten['EndTime'] = mktime(23,59,59, date("m", time()), date("d",time()), date("Y",time())); // ab heute 23:59 Uhr, oder //$CfgDaten['EndTime'] = time();   // = bis jetzt

	// damit wird die Art des Aufrufes festgelegt
	$CfgDaten['RunMode'] = "script"; 	// file, script, popup

	if ($CfgDaten['RunMode'] == "popup")
	{
		$CfgDaten['WebFrontConfigId'] = 52347 /*[WebFront Configurator]*/;
		$CfgDaten['WFCPopupTitle'] = "Ich bin der Text, welcher als Überschrift im Popup gezeigt wird";
	}

	// Übergabe der IP-Adresse und des Ports für die Darstellung im Dashboard
	// Wichtig! Wenn Darstellung in Webfront diese Variablen auskommentieren
	//$CfgDaten['Ips']['Dashboard']['Ip'] = "127.0.0.1";
	//$CfgDaten['Ips']['Dashboard']['Port'] = "82";


	// Serienübergreifende Einstellung für das Laden von Werten
	$CfgDaten['AggregatedValues']['HourValues'] = -1;      // ist der Zeitraum größer als X Tage werden Stundenwerte geladen
	$CfgDaten['AggregatedValues']['DayValues'] = -1;       // ist der Zeitraum größer als X Tage werden Tageswerte geladen
	$CfgDaten['AggregatedValues']['WeekValues'] = -1;      // ist der Zeitraum größer als X Tage werden Wochenwerte geladen
	$CfgDaten['AggregatedValues']['MonthValues'] = -1;      // ist der Zeitraum größer als X Tage werden Monatswerte geladen
	$CfgDaten['AggregatedValues']['YearValues'] = -1;      	// ist der Zeitraum größer als X Tage werden Jahreswerte geladen
	$CfgDaten['AggregatedValues']['NoLoggedValues'] = 1000; 	// ist der Zeitraum größer als X Tage werden keine Boolean Werte mehr geladen, diese werden zuvor immer als Einzelwerte geladen	$CfgDaten['AggregatedValues']['MixedMode'] = false;     // alle Zeitraumbedingungen werden kombiniert
	$CfgDaten['AggregatedValues']['MixedMode'] = false;
	// Systematik funktioniert jetzt additiv. D.h. die angegebenen Werte gehen ab dem letzten Wert
	//
	//            -5 Tage           -3 Tage    					EndTime
	// |           |              	|            				 |
	// |           |DayValue = 2     |HourValues = 3          |
	// |Tageswerte |Stundenwerte     |jeder geloggte Wert     |

	// **************************************************************************************
	// *** Highcharts Options ***
	// **************************************************************************************
	// Ab hier werden die Bereiche des Highchart-Objektes parametriert.
	// Dieser Bereich wurde (soweit möglich) identisch der Originalstruktur gehalten.
	// Informationen über die Parametrierung findet man unter http://www.highcharts.com/ref/

	// **************************************************************************************
	// *** chart *** http://www.highcharts.com/ref/#chart
	// **************************************************************************************
	// $CfgDaten['chart']['zoomType'] = "'x'";			//default: $CfgDaten['chart']['zoomType'] = "'xy'";

	// **************************************************************************************
	// *** credits *** siehe http://www.highcharts.com/ref/#credits
	// **************************************************************************************
	// $CfgDaten['credits']['text'] = "used by IPS";
	// $CfgDaten['credits']['href'] = "http://www.ip-symcon.de/forum/f53/highcharts-multigraph-v1-0-a-17625/#post120721";

	// **************************************************************************************
	// *** title *** siehe http://www.highcharts.com/ref/#title
	// **************************************************************************************
	// $CfgDaten['title']['text'] = "Chart-Überschrift";  // Überchrift des gesamten Charts
	//		-> veraltet: 'Title' -> verwende ['title']['text']

	$CfgDaten['title']['text'] = "Chart-Überschrift";

	// **************************************************************************************
	// *** subtitle *** siehe http://www.highcharts.com/ref/#subtitle
	// **************************************************************************************
	// $CfgDaten['subtitle']['text'] = "Zeitraum: %STARTTIME% - %ENDTIME%" // Sub-Überschrift. Wenn nichts angegeben wird wird dieser String als Default verwendet
	//		-> veraltet: 'SubTitle' -> verwende ['subtitle']['text']
	// $CfgDaten['subtitle']['Ips']['DateTimeFormat'] = "(D) d.m.Y H:i"	// z.B.: "(D) d.m.Y H:i" (wird auch als Default herangezogen wenn nichts konfiguriert wurde)
	//		-> veraltet: 'SubTitleDateTimeFormat' -> verwende ['subtitle']['Ips']['DateTimeFormat']
	//    -> entfallen: 'SubTitleFormat' -> unnötiger Paramter, wird jetzt in ['subtitle']['text'] angegeben

	$CfgDaten['subtitle']['text'] = "Zeitraum: %STARTTIME% - %ENDTIME%";
	$CfgDaten['subtitle']['Ips']['DateTimeFormat'] = "(D) d.m.Y H:i";

	// **************************************************************************************
	// *** tooltip *** http://www.highcharts.com/ref/#tooltip
	// **************************************************************************************
	// $CfgDaten['tooltip']['enabled'] = false;
	// $CfgDaten['tooltip']['formatter'] = Null; // IPS erstellt selbständig einen Tooltip
	// $CfgDaten['tooltip']['formatter'] = ""; // Standard - Highcharts Tooltip

	// **************************************************************************************
	// *** exporting *** http://www.highcharts.com/ref/#exporting
	// **************************************************************************************
	// $CfgDaten['exporting']['enabled'] = true;

	// **************************************************************************************
	// *** lang *** http://www.highcharts.com/ref/#lang
	// **************************************************************************************
	// $CfgDaten['lang']['resetZoom'] = "Zoom zurücksetzten";

	// **************************************************************************************
	// *** legend *** http://www.highcharts.com/ref/#legend
	// **************************************************************************************
	// $CfgDaten['legend']['backgroundColor'] = '#FCFFC5';

	// **************************************************************************************
	// *** xAxis *** http://www.highcharts.com/ref/#xAxis
	// **************************************************************************************
	// $CfgDaten['xAxis']['lineColor'] = '#FF0000';
	// $CfgDaten['xAxis']['plotBands'][] = array("color"=>'#FCFFC5',"from"=> "@Date.UTC(2012, 3, 29)@","to"=> "@Date.UTC(2012, 3, 30)@");

	// **************************************************************************************
	// *** yAxis *** http://www.highcharts.com/ref/#yAxis
	// **************************************************************************************
	// $CfgDaten['yAxis'][0]['title']['text'] = "Temperaturen"; // Bezeichnung der Achse
	//		-> veraltet: 'Name' und 'TitleText' -> verwende ['title']['text']
	// $CfgDaten['yAxis'][0]['Unit'] = "°C";	// Einheit für die Beschriftung die Skalenwerte
	//	$CfgDaten['yAxis'][0]['min'] = 0; // Achse beginnt bei Min (wenn nichts angegeben wird wird der Min der Achse automatisch eingestellt)
	//	$CfgDaten['yAxis'][0]['max'] = 40; // Achse geht bis Max (wenn nichts angegeben wird wird der Max der Achse automatisch eingestellt)
	//		-> veraltet: 'Min' und 'Max'
	//	$CfgDaten['yAxis'][0]['opposite'] = false; // Achse wird auf der rechten (true) oder linken Seite (false) des Charts angezeigt (default = false)
	//		-> veraltet: 'Opposite'
	//	$CfgDaten['yAxis'][0]['tickInterval'] = 5; // Skalenwerte alle x (TickInterval)
	//		-> veraltet: 'TickInterval'
	//    -> entfallen: 'PlotBands' -> verwende ['yAxis'][0]['plotBands'],  (siehe Beispiel 'cfg - drehgriff und tf-kontakt')
	//    -> entfallen: 'YAxisColor' -> verwende ['yAxis'][0]['title']['style']
	//    -> entfallen: 'TitleStyle'-> verwende ['yAxis'][0]['title']['style']

	$CfgDaten['yAxis'][0]['title']['text'] = "Temperaturen";
	$CfgDaten['yAxis'][0]['Unit'] = "°C";
	//$CfgDaten['yAxis'][0]['opposite'] = false;
	//$CfgDaten['yAxis'][0]['tickInterval'] = 5;
	//$CfgDaten['yAxis'][0]['min'] = 0;
	//$CfgDaten['yAxis'][0]['max'] = 40;

	//$CfgDaten['yAxis'][1]['title']['text'] = "Heizungssteller / Luftfeuchte";
	//$CfgDaten['yAxis'][1]['Unit'] = "%";
	//$CfgDaten['yAxis'][1]['opposite'] = true;

	//$CfgDaten['yAxis'][2]['title']['text'] = "Drehgriffkontakte / Türkontakte";
	//$CfgDaten['yAxis'][2]['labels']['formatter'] = "@function() { if (this.value == 0.5) return 'geschlossen'; if (this.value == 1) return 'gekippt';if (this.value == 2) return 'geöffnet' }@";
	//$CfgDaten['yAxis'][2]['allowDecimals'] = true;
	//$CfgDaten['yAxis'][2]['showFirstLabel '] = false;
	//$CfgDaten['yAxis'][2]['showLastLabel '] = false;
	//$CfgDaten['yAxis'][2]['opposite'] = true;
	//$CfgDaten['yAxis'][2]['labels']['rotation'] = 90;

	//$CfgDaten['yAxis'][3]['title']['text'] = "Columns";
	//$CfgDaten['yAxis'][3]['Unit'] = "kWh";

	// **************************************************************************************
	// *** series *** http://www.highcharts.com/ref/#series
	// **************************************************************************************
	// $serie['name'] = "Temperatur; // Name der Kurve (Anzeige in Legende und Tooltip)
	//		-> veraltet: 'Name' -> verwende [series']['name']
	// $serie['Unit'] = "°C"; // Anzeige in automatisch erzeugtem Tooltip
	// 	wenn $serie['Unit'] = NULL; // oder Unit wird gar nicht definiert, wird versucht die Einheit aus dem Variablenprofil automatisch auszulesen
	// $serie['ReplaceValues'] = false; // Werte werden wie geloggt übernommen
	// 	$serie['ReplaceValues'] = array(0=>0.2,1=>10) // der Wert 0 wird in 0.2 geändert, der Wert 1 wird in 10 geändert
	//   	das macht für die Darstellung von Boolean Werte Sinn, oder für Drehgriffkontakte (Werte 0,1,2)
	// $serie['type'] = 'spline'; // Festlegung des Kuventypes (area, areaspline, line, spline, pie, Column)
	// $serie['yAxis'] = 0; // Nummer welche Y-Achse verwendet werden soll (ab 0)
	// 	-> veraltet: 'Param' -> verwende die Highcharts Parameter - sollte eigentlich noch so funktionieren wie in IPS-Highcharts V1.x
	// $serie['AggType'] = 0 // Festlegung wie die Werte gelesen werden soll (0=Hour, 1=Day, 2=Week, 3=Month, 4=Year), hat Vorrang gegenüber den Einstellungen in AggregatedValues
	//    wird kein AggType definiert werden alle gelogten Werte angezeigt
	// $serie['AggNameFormat'] = "d.m.Y H:i"; // (gilt nur bei den Pies, wenn eine Id verwendet wird), entspricht dem PHP-date("xxx") Format, welches das Format der Pie Namen festlegt, wenn keine Eingabe werden Default Werte genommen
	// $serie['Offset'] = 24*60*60; hiermit können Kurven unterschiedlicher Zeiträume in einem Chart dargestellt. Angabe ist in Minuten
	//	$serie['StartTime'] = mktime(0,0,0,1,1,2012); 	// wird für die entsprechende Serie eine Anfangs- und/oder Endzeitpunkt festgelegt wird dieser verwendet. Ansonsten wird
	// $serie['EndTime'] = mktime(0,0,0,2,1,2012);  		// der Zeitpunkt der Zeitpunkt aus den $CfgDaten genommen
	// $serie['ScaleFactor'] = 10; // Skalierungsfaktor mit welchem der ausgelesene Werte multipliziert wird
	// $serie['RoundValue'] = 1; // Anzahl der Nachkommastellen
	//	$serie['AggValue'] ='Min' // über AggValue kann Min/Max oder Avg vorgewählt werden (Default bei keiner Angabe ist Avg)
	//		ist sinnvoll wenn nicht Einzelwerte sondern Stundenwerte, Tageswerte, usw. ausgelesen werden
	// $serie['data'] = array('TimeStamp'=> time(),'Value'=12) // hier kann ein Array an eigenen Datenpunkten übergeben werden. In diesem Fall werden für diese Serie keine Daten aus der Variable gelesenen.

	$serie = array();
	$serie['name'] = 'Pie';
	$serie['type'] = 'pie';
	$serie['data'][] = array('name'=>'Aussentemperatur', 'Id' => 55063, 'Unit'=>"°C");
	//$serie['data'][] = array('name'=>'Luftfeuchte', 'Id' => 13641, 'Unit'=>"%");
	$serie['allowPointSelect'] = true;
	$serie['cursor'] = 'pointer';
	$serie['center'] = array(300,100);
	$serie['size'] = 100;
	$serie['dataLabels']['enabled'] = true;
	$CfgDaten['series'][] = $serie;

	$serie = array();
	$serie['name'] = "Aussentemperatur";
	$serie['Id'] = 55063 /*[Heizung\Kaminofen\Kaminofen\Temperatur]*/;
	$serie['Unit'] = "°C";
	$serie['ReplaceValues'] = false;
	$serie['RoundValue'] = 0;
	$serie['type'] = "spline";
	$serie['yAxis'] = 0;
	$serie['marker']['enabled'] = false;
	$serie['shadow'] = true;
	$serie['lineWidth'] = 1;
	$serie['states']['hover']['lineWidth'] = 2;
	$serie['marker']['states']['hover']['enabled'] = true;
	$serie['marker']['states']['hover']['symbol'] = 'circle';
	$serie['marker']['states']['hover']['radius'] = 4;
	$serie['marker']['states']['hover']['lineWidth'] = 1;
	$CfgDaten['series'][] = $serie;

	//$serie = array();
	//$serie['name'] = "Luftfeuchte";
	//$serie['Id'] = 11590 /*[Objekt #11590 existiert nicht]*/;
	//$serie['Unit'] = "%";
	//$serie['ReplaceValues'] = false;
	//$serie['type'] = "spline";
	//$serie['step'] = false;
	//$serie['yAxis'] = 1;
	//$serie['shadow'] = true;
	//$serie['lineWidth'] = 1;
	//$serie['states']['hover']['lineWidth'] = 2;
	//$serie['marker']['enabled'] = false;
	//$serie['marker']['states']['hover']['enabled'] = true;
	//$serie['marker']['states']['hover']['symbol'] = 'circle';
	//$serie['marker']['states']['hover']['radius'] = 4;
	//$serie['marker']['states']['hover']['lineWidth'] = 1;
	//$CfgDaten['series'][] = $serie;

	//$serie = array();
	//$serie['name'] = "Drehgriffkontakt";
	//$serie['Id'] = 44451 /*[Objekt #44451 existiert nicht]*/;
	//$serie['Unit'] = array(0=>'geschlossen', 1=>'gekippt', 2=>'geöffnet');
	//$serie['ReplaceValues'] = array(0=>0.5, 1=>1, 2=>2);
	//$serie['type'] = "line";
	//$serie['step'] = true;
	//$serie['yAxis'] = 2;
	//$serie['shadow'] = true;
	//$serie['lineWidth'] = 1;
	//$serie['states']['hover']['lineWidth'] = 2;
	//$serie['marker']['enabled'] = false;
	//$serie['marker']['states']['hover']['enabled'] = true;
	//$serie['marker']['states']['hover']['symbol'] = 'circle';
	//$serie['marker']['states']['hover']['radius'] = 4;
	//$serie['marker']['states']['hover']['lineWidth'] = 1;
	//$CfgDaten['series'][] = $serie;

	//$serie = array();
	//$serie['name'] = "Column";
	//$serie['Id'] = 29842 /*[Objekt #29842 existiert nicht]*/;
	//$serie['Unit'] = "kWh";
	//$serie['ReplaceValues'] =false;
	//$serie['type'] = "column";
	//$serie['step'] = false;
	//$serie['yAxis'] = 3;
	//$serie['shadow'] = true;
	//$serie['states']['hover']['lineWidth'] = 2;
	//$serie['marker']['enabled'] = false;
	//$serie['marker']['states']['hover']['enabled'] = true;
	//$serie['marker']['states']['hover']['symbol'] = 'circle';
	//$serie['marker']['states']['hover']['radius'] = 4;
	//$serie['marker']['states']['hover']['lineWidth'] = 1;
	//$CfgDaten['series'][] = $serie;


	// 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....

	// Abmessungen des erzeugten Charts
	$CfgDaten['HighChart']['Width'] = 0; 			// in px,  0 = 100%
	$CfgDaten['HighChart']['Height'] = 600; 		// in px

	// -------------------------------------------------------------------------------------------------------------------------------------
	// und jetzt los ......
	$s = IPS_GetScript($CfgDaten['HighChartScriptId']); 	// Id des Highcharts-Scripts
	include($s['ScriptFile']);

  	// hier werden die CfgDaten geprüft und bei Bedarf vervollständigt
	$CfgDaten = CheckCfgDaten($CfgDaten);

	// abhängig von der Art des Aufrufs -> json String für Highcharts erzeugen
	if (isset($CfgDaten['RunMode'])
		&& ($CfgDaten['RunMode'] == "script" || $CfgDaten['RunMode'] == "popup"))
	{
		// Variante1: Übergabe der ScriptId. Daten werden beim Aufruf der PHP Seite erzeugt und direkt übergeben. Dadurch kann eine autom. Aktualisierung der Anzeige erfolgen
		if ($IPS_SENDER != "WebInterface")
		{
			WriteContentWithScriptId ($CfgDaten, $IPS_SELF);     		// und jetzt noch die ContentTextbox
			return;                                               	// Ende, weil durch die Zuweisung des Script sowieso nochmals aufgerufen wird
		}

		$sConfig = CreateConfigString($CfgDaten);             		// erzeugen und zurückgeben des Config Strings
	}
	else
	{
		//Variante2: Übergabe des Textfiles. Daten werden in tmp-File gespeichert. Eine automatische Aktualisierung beim Anzeigen der Content-Textbox erfolgt nicht
		$sConfig = CreateConfigString($CfgDaten);             		// erzeugen und zurückgeben des Config Strings

		$tmpFilename = CreateConfigFile($sConfig, $IPS_SELF);     	// und ab damit ins tmp-Files
		if ($IPS_SENDER != "WebInterface")
		{
			WriteContentWithFilename ($CfgDaten, $tmpFilename);   	// und jetzt noch die ContentTextbox
		}
	}



?>

Geändert habe ich bisher lediglich folgendes:

	
$CfgDaten['ContentVarableId']= 34180 /*[Highcharts\Highchart]*/;  // ID der String Variable in welche die Daten geschrieben werden (-1 oder überhaupt nicht angeben wenn die Content Variable das übergordnete Element ist)
$CfgDaten['HighChartScriptId']= 19798 /*[Highcharts\Highchartsscript]*/;  				// ID des Highcharts Scripts

$CfgDaten['WebFrontConfigId'] = 52347 /*[WebFront Configurator]*/;

	$serie = array();
	$serie['name'] = 'Pie';
	$serie['type'] = 'pie';
	$serie['data'][] = array('name'=>'Aussentemperatur', 'Id' => 55063, 'Unit'=>"°C");
	//$serie['data'][] = array('name'=>'Luftfeuchte', 'Id' => 13641, 'Unit'=>"%");
	$serie['allowPointSelect'] = true;
	$serie['cursor'] = 'pointer';
	$serie['center'] = array(300,100);
	$serie['size'] = 100;
	$serie['dataLabels']['enabled'] = true;
	$CfgDaten['series'][] = $serie;

	$serie = array();
	$serie['name'] = "Aussentemperatur";
	$serie['Id'] = 55063 /*[Heizung\Kaminofen\Kaminofen\Temperatur]*/;
	$serie['Unit'] = "°C";
	$serie['ReplaceValues'] = false;
	$serie['RoundValue'] = 0;
	$serie['type'] = "spline";
	$serie['yAxis'] = 0;
	$serie['marker']['enabled'] = false;
	$serie['shadow'] = true;
	$serie['lineWidth'] = 1;
	$serie['states']['hover']['lineWidth'] = 2;
	$serie['marker']['states']['hover']['enabled'] = true;
	$serie['marker']['states']['hover']['symbol'] = 'circle';
	$serie['marker']['states']['hover']['radius'] = 4;
	$serie['marker']['states']['hover']['lineWidth'] = 1;
	$CfgDaten['series'][] = $serie;

Als Ergebnis erhalte ich lediglich folgendes:

Im Objektbaum hab ichs so:

Wäre nett wenn mir jemand helfen könnte. Auch wenn irgendwie ausser mir niemand Schwierigkeiten damit hat.
Vielen dank vorab.

Grüße

P.S. Kann man die Highcharts eigentlich auch auf einer eigenen Seite einbinden? Also wenn ich eine eigenen PHP Seite gestalte und diese dann im Webfront Configurator per Externe Seite einbinde?

hallo @firewire,
bist du sicher, dass Du die Werte auch in der Datenbank mitloggst. Ich habe genau Deinen Script mit einer von meiner VariablenId verwendet und es funktioniert - siehe Screenshot

Hallo KHC,

danke für deine Antwort. Hast du nur deine Temperaturvariable eingesetzt? Die angegebene Variable mit der Id 55063 logge ich in der IPS Datenbank mit.

Müsste das dann so funktionieren? Woran könnte es noch liegen?

Grüße

Ok, hab das Ganze jetzt hinbekommen. Funktioniert prima!

Was mich jetzt noch interessieren würde, kann man Highcharts auch auf einer eigenen Seite einbinden?
Wie gesagt, ich habe eine eigene PHP-Seite im Ordner webfront/user/ und binde diese über den Webfront Configurator über exteren Seite ein.

Nur wie kann ich Highcharts hier auf die eigene Seite einbinden? Wäre nett wenn ihr mir das verraten könntet.

Danke.

Nun so langsam habe ich die HighCharts auch so halbwegs am laufen.
Mein anderenorts beschriebenes Performanceproblem habe ich teilweise durch Abschalten der Chartanimation beheben können. Was ich noch nicht im Griff habe, ist dass das Chart jedes mal, wenn das Skript läuft für mehere Sekunden vom Bildschirm verschwindet.
Zwischenzeitlich hatte ich noch ein kleines anderes problem http://www.ip-symcon.de/forum/threads/19683.
Hier wurde mir von Raketenschnecke empfohlen den Inhaltswechsler zu nehmen. Ich hab zwar geschrieben, dass das prima funktioniert, habe aber jetzt doch ein weiteres Problem festgestellt was wohl eher am Chart liegt.
Der Inhaltswechsler funktioniert nämlich nur, wenn im Webfront selbiger gerade aktiv ist während das Chartkonfig-Script läuft.Ist aber eine andere Seite im WF auf während das Chart erstellt wird und man schaltet dann auf die Seite mit dem Inhaltswechsler, dann werden Legende und Achsenbeschriftungen des Charts total durcheinander gehauen.

Läst man das Fenster jetzt auf, und wartet bis das Script erneut läuft (bei mir momentan alle 2 minuten) dann schaut das Chart sauber aus.

Hat jemand das selbe Problem, bzw eine Lösung anzubieten?

Hallo Thomas,

ich hab das Thema eben nachgestellt (Browser: Chrome), ich kann den oben geschilderten Effekt nicht beobachten: das Chart ist sofort da, irgendeinen Aufbau des Charts nach dem Wechsel auf die Seite mit dem Chart kann ich nicht erkennen.
Es ist also m.E.,kein prizipielles sondern eher ein lokales Problem

Hi Feuerdraht, kannst du recht problemlos als iframe einbauen. Ich hab ca 250 Charts auf meiner HP, die sind alle als iframe eingebunden.

hier mal ein Beispiel:

<iframe name="Chart03" src="/highcharts/IPS_Template.php?CfgFile=HighChartsCfg52179.tmp" frameborder="0" scrolling="no" width="100%" height="405"></iframe>

Hallo Raketenschnecke,

vielen Dank für deine Hilfe. Klappt super. Jetzt muss ich mich nur noch mit den verschiedenen Anzeigemöglichkeiten auseinandersetzen.

Hab mir deine Seite mal angesehen, ist cool. Sind echt ne Menge charts. Ich stehe erst ganz am Anfang :slight_smile:

Danke und Grüße

P.S. wie kann man denn erreichen, dass man im Chart selbst umschalten kann. Also angenommen man hat eine Tagesansicht der Außentemperatur. Wie kann man sich dann die Woche, Monat, Jahr anzeigen lassen?
Geht das und wenn ja wie? Danke

spontan würde ich sagen: am Einfachsten via HighStocks. Da kannst du Buttons im Chart definieren, wo Anzeige-Perioden hinterlegt werden können. Auf der Seite mit den 365-Tage Charts hab ich ein paar Beispiele.