You need to sign in to do that
Don't have an account?

performing static calculations displaying in graph using high charts
Hi All,
iam trying to use rerender functonality but iam un able to plot the values in graph here is the code can any one help me out
<apex:page controller="calchart" sidebar="false">
<apex:includeScript value="{!$Resource.jquery}"/>
<apex:includeScript value="{!$Resource.Exporting}"/>
<apex:includeScript value="{!$Resource.highcharts}"/>
<script type="text/javascript">
$(function () {
var chart;
var chart;
var datapointx= new Array();
//alert('{!vale}');
var xAxis = '{!vale}';
var datapointy= new Array();
// alert('{!valee}');
var yAxis = '{!valee}';
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'line',
marginRight: 50,
marginBottom: 25
},
title: {
text: 'True Start Goal Attainment ',
x: -20 //center
},
xAxis: {
plotLines: [{
value: datapointx,
color: '#003296',
width: 3,
value: datapointx,
zIndex: 3,
dashStyle: 'longdashdot'
}]
},
yAxis: {
title: {
text: 'Pay out'
},
plotLines: [{
value: datapointy,
width: 3,
color: '#003296',
dashStyle: 'longdashdot'
}]
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
this.x +'%'+': '+ this.y +'$';
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -10,
y: 100,
borderWidth: 0
},
series: [{
name: 'Tokyo',
data: [[25,0],[75,4000],[100,9000],[140,21000],[200,33000]]
},
{
name: 'SSSS',
data:[datapointx,datapointy]
}]
});
});
});
</script>
<apex:form >
<apex:actionfunction action="{!result}" rerender="pb" name="ss"/>
<apex:pageblock id="pb" title="CPS Incentive Compensation What-If Calculator" >
<apex:pageblockSection columns="1" title="Enter This information for your own territory">
<apex:image value="{$resource.myimage}" />
<apex:inputtext value="{!Territorys}" />
<apex:inputtext value="{!Territorysg}" />
<apex:inputtext value="{!Territorydcs}" />
<apex:inputtext value="{!Regionals}" />
<apex:inputtext value="{!RegionalSGoal}" />
</apex:pageblockSection>
<apex:pageblockButtons location="bottom">
<apex:commandButton value="getresult" onclick="ss();return false;"/>
</apex:pageblockButtons>
<apex:pageblocksection title="expected" columns="1">
<apex:outputText value="{!a}" ></apex:outputText>
<apex:outputtext value="{!b}" ></apex:outputtext>
<apex:outputtext value="{!attainment}" />
<apex:outputtext value="{!rslt }" ></apex:outputtext>
</apex:pageblocksection>
<apex:pageblocksection title="exp" columns="1">
<apex:outputtext value="{!amnt}" ></apex:outputtext>
<apex:outputText value="{!a}" ></apex:outputText>
<apex:outputtext value="{!c}" ></apex:outputtext>
<apex:outputtext value="{!netstart}" />
<apex:outputText value="{!patientre}" ></apex:outputText>
</apex:pageblocksection>
<apex:pageblocksection title="result" columns="1" >
<apex:outputtext value="{!amnt}" ></apex:outputtext>
<apex:outputtext value="{!d}" ></apex:outputtext>
<apex:outputtext value="{!e}" ></apex:outputtext>
<apex:outputtext value="{!rgattainment}" />
<apex:outputtext value="{!finalval}" />
</apex:pageblocksection>
</apex:pageblock>
<apexoutputPanel id="go" >
<div id="container" style="width: 500px; height: 400px; margin: 0 auto"></div>
</apexoutputPanel>
</apex:form>
</apex:page>
***************************************
public class calchart{
public String rest { get; set; }
//output val
public decimal e { get; set; }
public decimal d { get; set; }
public decimal c { get; set; }
public decimal b { get; set; }
public decimal a { get; set; }
public string alrt {get;set;}
//input val
public decimal RegionalSGoal { get; set; }
public decimal Regionals { get; set; }
public decimal Territorydcs { get; set; }
public decimal Territorysg { get; set; }
public decimal Territorys { get; set; }
public list<integer> vale {get;set;}
public list<integer> valee {get;set;}
//reslut val
public decimal attainment {get;set;}
public decimal rslt{get;set;}
public decimal netstart{get;set;}
public string amnt{get;set;}
public decimal patientre{get;set;}
public decimal Regionalatt{get;set;}
public decimal rgattainment{get;set;}
public decimal finalval{get;set;}
public PageReference result()
{
a=Territorys ;
b=Territorysg ;
c=Territorydcs;
d=Regionals ;
e=RegionalSGoal ;
if(a==null)
{
ApexPages.addmessage(new ApexPages.message(ApexPages.severity.WARNING,'Please enter value'));
return null;
}
//attainment
if(Territorysg <>0)
{
attainment= (Territorys/Territorysg)*100 ;
}
else{
attainment=0;
}
system.debug('----'+attainment);
if(attainment<(75))
{
rslt=0;
}
else
{
if(attainment<=100)
{
rslt = (4000 + ((attainment-75)/100*(100*200)));
}
else
{
if(attainment <=140)
{
rslt=(9000+((attainment-100)/100)*(100*300));
}
else
{
rslt=(21000+((attainment-140)/100)*(100*200));
}
}
}
//Net start
netstart=Territorys-Territorydcs;
if(attainment>=50/100)
{
amnt='yes';
}
else{
amnt='no';
}
if(amnt=='yes'&& netstart>0)
{
patientre=(netstart*500);
}
if(RegionalSGoal>0)
{
rgattainment=(Regionals /RegionalSGoal)*100;
}
if(amnt=='yes')
{
if(rgattainment<75)
{
finalval=0;
}
else
{
if(rgattainment<=100)
{
finalval=(2375+((rgattainment-75)/100*(100*25)));
}
else
{
IF(rgattainment<140)
{
finalval=(3000+((rgattainment-100)/100*(100*50 )));
}
else
{
finalval=(5000+((rgattainment-140)/100*(100*25)));
}
}
}
}
else
{
finalval=0;
}
vale=new list<integer>();
vale.add(integer.valueof(attainment));
system.debug('---------'+vale);
valee=new list<integer>();
valee.add(integer.valueof(rslt));
//attainment=vale;
//rslt=valee;
return null;
}
}
Look into apex:chart, Visualforce Charting.