function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
harshasfdcharshasfdc 

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;
}
}

cwall_sfdccwall_sfdc

Look into apex:chart, Visualforce Charting.