KoolChart - Excellent PHP Chart and GraphFullVersion 2.6.0.2 released on 25/11/2016

Functionality - Mixed Charts

Description & Sample code

Description Example.php Documentation

You can mix some chart series together. Column, Line, Area chart can be mixed together.
The same with Scatter and ScatterLine chart.

<?php
	/*
	 * This file is ready to run as standalone example. However, please do:
	 * 1. Add tags <html><head><body> to make a complete page
	 * 2. Change relative path in $KoolControlFolder variable to correctly point to KoolControls folder 
	 */
 
	$KoolControlsFolder = "../../../../KoolControls";//Relative path to "KoolPHPSuite/KoolControls" folder
 
	require $KoolControlsFolder."/KoolChart/koolchart.php";
 
    $chart_scatter = new KoolChart("chart_scatter");
	$chart_scatter->scriptFolder=$KoolControlsFolder."/KoolChart";	
	$chart_scatter->Title->Text = "Chart with Scatter and ScatterLine Series";
    $chart_scatter->Height = 550;
    $chart_scatter->Width = 600;
    $chart_scatter->Legend->Appearance->Visible = true;
    $chart_scatter->Legend->Appearance->Position = "bottom";	
    $chart_scatter->PlotArea->XAxis->Title = "";
    $chart_scatter->PlotArea->XAxis->MaxValue = 100;
    $chart_scatter->PlotArea->XAxis->MinValue = 0;
    $chart_scatter->PlotArea->XAxis->MajorStep = 10;
    $chart_scatter->PlotArea->XAxis->MinorStep = 2;
    $chart_scatter->PlotArea->YAxis->Title = "";
    $chart_scatter->PlotArea->YAxis->MaxValue = 100;
    $chart_scatter->PlotArea->YAxis->MinValue = 0;
    $chart_scatter->PlotArea->YAxis->MajorStep = 10;
    $chart_scatter->PlotArea->YAxis->MinorStep = 2;
    $series = new ScatterLineSeries("Forecast");
    $series->LabelsAppearance->DataFormatString = "({0},{1})";
    $series->MarkersAppearance->MarkersType = "Triangles";
    $series->TooltipsAppearance->DataFormatString = "({0},{1})";
    $series->AddItem(new ScatterItem(10,10));
    $series->AddItem(new ScatterItem(20,20));
    $series->AddItem(new ScatterItem(40,40));
    $series->AddItem(new ScatterItem(60,60));
    $series->AddItem(new ScatterItem(80,80));
    $chart_scatter->PlotArea->AddSeries($series);
    $series = new ScatterSeries("Actual");
    $series->Appearance->BackgroundColor = "orange";
    $series->LabelsAppearance->DataFormatString = "({0},{1})";
    $series->TooltipsAppearance->DataFormatString = "({0},{1})";
    $series->AddItem(new ScatterItem(11,13));
    $series->AddItem(new ScatterItem(13,12));
    $series->AddItem(new ScatterItem(15,20));
    $series->AddItem(new ScatterItem(22,30));
    $series->AddItem(new ScatterItem(25,15));
    $series->AddItem(new ScatterItem(30,40));
    $series->AddItem(new ScatterItem(32,25));
    $series->AddItem(new ScatterItem(90,80));
    $series->AddItem(new ScatterItem(70,65));
    $series->AddItem(new ScatterItem(90,75));
    $chart_scatter->PlotArea->AddSeries($series);
 
 
    $chart_column_line = new KoolChart("chart_column_line");
	$chart_column_line->scriptFolder=$KoolControlsFolder."/KoolChart";	
    $chart_column_line->Height = 550;
    $chart_column_line->Width = 600;
    $chart_column_line->Title->Text = "Chart with Line and Column Series";
    $chart_column_line->Legend->Appearance->Visible = false;
    $chart_column_line->PlotArea->XAxis->Title = "";
	$chart_column_line->PlotArea->XAxis->Color = "black";
    $chart_column_line->PlotArea->XAxis->MajorGridLines->Color = "#b4b4b4";
    $chart_column_line->PlotArea->XAxis->MinorGridLines->Color = "#d2d2d2";
    $chart_column_line->PlotArea->XAxis->Set(array("Q1","Q2","Q3","Q4","Q5"));
    $chart_column_line->PlotArea->YAxis->Title = "";
    $chart_column_line->PlotArea->YAxis->MinorTickSize = 0;
    $chart_column_line->PlotArea->YAxis->MaxValue = 100;
    $chart_column_line->PlotArea->YAxis->MinValue = 0;
    $chart_column_line->PlotArea->YAxis->MajorStep = 10;
    $chart_column_line->PlotArea->YAxis->MinorStep = 2;
	$chart_column_line->PlotArea->YAxis->Color = "black";
    $chart_column_line->PlotArea->YAxis->MajorGridLines->Color = "#b4b4b4";
    $chart_column_line->PlotArea->YAxis->MinorGridLines->Color = "#d2d2d2";
    $series = new ColumnSeries();
    $series->Appearance->BackgroundColor = "#5CB8E3";
    $series->ArrayData(array(20,30,40,70,50));
    $chart_column_line->PlotArea->AddSeries($series);
    $series = new LineSeries();
    $series->Appearance->BackgroundColor = "green";
    $series->ArrayData(array(76,15,60,35,80));
    $chart_column_line->PlotArea->AddSeries($series);
 
 
 
 
 
?>
 
<form id="form1" method="post">
 
	<div>
		<?php echo $chart_scatter->Render();?>
	</div>			
 
	<div>
		<?php echo $chart_column_line->Render();?>
	</div>					
 
 
	<div><i>* <u>Note</u>:</i>Generate your own chart with <a style="color:#B8305E;" target="_blank" href="http://codegen.koolphp.net/generate_koolchart.php">Code Generator</a></div>
 
</form>