• twtx61
  • NEWBIE
  • 25 Points
  • Member since 2012

  • Chatter
    Feed
  • 1
    Best Answers
  • 0
    Likes Received
  • 0
    Likes Given
  • 2
    Questions
  • 1
    Replies

I get the following error on a chart the first time it loads.  After that, it won't rerender and causes 2 other charts that work just fine to also not display.

 

 
TypeError: c is undefined
.constructor/a.load()VFChart.js (line 2289)
()3_3_3....9208000 (line 191)
createSingle/Ext.util.Event<()VFChart.js (line 242)
Ext.util.Event<.fire()VFChart.js (line 246)
Ext.EventManager</event.fire()VFChart.js (line 250)
Ext.EventManager</<.fireReadyEvent()VFChart.js (line 253)
Ext.Loader</<.onReady/fn()VFChart.js (line 173)
Ext.Loader</<.onReady()VFChart.js (line 173)
Ext.EventManager</Ext.onReady()VFChart.js (line 274)
anonymous()3_3_3....9208000 (line 191)
A4J.AJAX.finishRequest/<()3_3_3....9208000 (line 191)
 
....cid];if(g)g.load(c),a.fireEvent("afterload",c);else throw Error("Chart instance...

 

Here's the code:

<apex:outputLabel style="font-size: 1.5em; font:bold; " value="Conversion Rate" />
<apex:chart id="detailConversionBarId" renderTo="detailConversionElementId" data="{!detailConversion}" height="{!height}" width="95%"  rendered="{!('bar' == convChartType)}"  >
  <apex:legend position="top" rendered="{!('bar' == convChartType)}" /> 
  <apex:axis type="Numeric" position="left" grid="true" title="Rate" minimum="0" maximum="100" fields="value" dashsize="2" />
  <apex:axis type="Category" position="bottom" grid="false" title="Stages" fields="name" dashsize="2" >
     <apex:chartLabel display="middle" rotate="315" font="10px Andale Mono, monospace" rendered="true" />
</apex:axis> <apex:barseries orientation="vertical" axis="left" xField="name" yField="value" title="Conversion Rates for {!detailName}" colorsProgressWithinSeries="true" colorSet="{!detailConvColorset}" > <apex:chartTips width="160" /> </apex:barseries> <apex:lineSeries axis="left" xField="name" yField="avgValue" title="Average Conversion Rates" > <apex:chartTips width="160" /> </apex:lineSeries> </apex:chart>

I've gotten similar charts to work on other pages, so it's a bit puzzling.

 

Here's the output (I dumped the data into the panel):

 

[VFChartData&colon;[avgValue=98.7, color=#0F243E, name=Prospecting, unit10=0, unit11=0, unit1=0, unit2=0, unit3=0, unit4=0, unit5=0, unit6=0, unit7=0, unit8=0, unit9=0, value10=0, value11=0, value2=0, value3=0, value4=0, value5=0, value6=0, value7=0, value8=0, value9=0, value=99], VFChartData&colon;[avgValue=3.5, color=#366092, name=Qualification, unit10=0, unit11=0, unit1=0, unit2=0, unit3=0, unit4=0, unit5=0, unit6=0, unit7=0, unit8=0, unit9=0, value10=0, value11=0, value2=0, value3=0, value4=0, value5=0, value6=0, value7=0, value8=0, value9=0, value=3], VFChartData&colon;[avgValue=61.1, color=#31859C, name=Needs Analysis, unit10=0, unit11=0, unit1=0, unit2=0, unit3=0, unit4=0, unit5=0, unit6=0, unit7=0, unit8=0, unit9=0, value10=0, value11=0, value2=0, value3=0, value4=0, value5=0, value6=0, value7=0, value8=0, value9=0, value=59], VFChartData&colon;[avgValue=72.7, color=#E26B0A, name=Value Proposition, unit10=0, unit11=0, unit1=0, unit2=0, unit3=0, unit4=0, unit5=0, unit6=0, unit7=0, unit8=0, unit9=0, value10=0, value11=0, value2=0, value3=0, value4=0, value5=0, value6=0, value7=0, value8=0, value9=0, value=80], VFChartData&colon;[avgValue=62.5, color=#CC3300, name=Propose, unit10=0, unit11=0, unit1=0, unit2=0, unit3=0, unit4=0, unit5=0, unit6=0, unit7=0, unit8=0, unit9=0, value10=0, value11=0, value2=0, value3=0, value4=0, value5=0, value6=0, value7=0, value8=0, value9=0, value=62], VFChartData&colon;[avgValue=0.0, color=#C4D79B, name=Negotiation, unit10=0, unit11=0, unit1=0, unit2=0, unit3=0, unit4=0, unit5=0, unit6=0, unit7=0, unit8=0, unit9=0, value10=0, value11=0, value2=0, value3=0, value4=0, value5=0, value6=0, value7=0, value8=0, value9=0, value=99], VFChartData&colon;[avgValue=0.0, color=#4F6228, name=Closed/Won, unit10=0, unit11=0, unit1=0, unit2=0, unit3=0, unit4=0, unit5=0, unit6=0, unit7=0, unit8=0, unit9=0, value10=0, value11=0, value2=0, value3=0, value4=0, value5=0, value6=0, value7=0, value8=0, value9=0, value=0], VFChartData&colon;[avgValue=0.0, color=#808080, name=Closed/Lost, unit10=0, unit11=0, unit1=0, unit2=0, unit3=0, unit4=0, unit5=0, unit6=0, unit7=0, unit8=0, unit9=0, value10=0, value11=0, value2=0, value3=0, value4=0, value5=0, value6=0, value7=0, value8=0, value9=0, value=0], VFChartData&colon;[avgValue=0.0, color=#4F6228, name=Discontinued, unit10=0, unit11=0, unit1=0, unit2=0, unit3=0, unit4=0, unit5=0, unit6=0, unit7=0, unit8=0, unit9=0, value10=0, value11=0, value2=0, value3=0, value4=0, value5=0, value6=0, value7=0, value8=0, value9=0, value=0], VFChartData&colon;[avgValue=1.5, color=#366092, name=Top of Pipeline, unit10=0, unit11=0, unit1=0, unit2=0, unit3=0, unit4=0, unit5=0, unit6=0, unit7=0, unit8=0, unit9=0, value10=0, value11=0, value2=0, value3=0, value4=0, value5=0, value6=0, value7=0, value8=0, value9=0, value=2], VFChartData&colon;[avgValue=0.0, color=#76933C, name=Bottom of Pipeline, unit10=0, unit11=0, unit1=0, unit2=0, unit3=0, unit4=0, unit5=0, unit6=0, unit7=0, unit8=0, unit9=0, value10=0, value11=0, value2=0, value3=0, value4=0, value5=0, value6=0, value7=0, value8=0, value9=0, value=0]]

 

Any idea about what's going on here?

 

  • March 18, 2013
  • Like
  • 0

I'm able to create a Visuaforce bar chart that's either stacked or grouped with multiple series similar to the example below.  However, I'm trying to figure out how to make the series title a little more dynamic so it could be data driven.  Any suggestions on how to make that happen?

 

<apex:chart data="{!data}" height="400" width="500">
<apex:legend position="left"/>
<apex:axis type="Numeric" position="left" title="Closed Won" grid="true"
fields="data1,data2,data3" dashSize="2">
<apex:chartLabel/>
</apex:axis>
<apex:axis type="Category" position="bottom" fields="name" title="Stacked Bars">
<apex:chartLabel rotate="315"/>
</apex:axis>
<apex:barSeries orientation="vertical" axis="left" stacked="true"
xField="name" yField="data1,data2,data3" title="MacDonald,Promas,Worle"/>
</apex:chart>

  • December 28, 2012
  • Like
  • 0

I'm able to create a Visuaforce bar chart that's either stacked or grouped with multiple series similar to the example below.  However, I'm trying to figure out how to make the series title a little more dynamic so it could be data driven.  Any suggestions on how to make that happen?

 

<apex:chart data="{!data}" height="400" width="500">
<apex:legend position="left"/>
<apex:axis type="Numeric" position="left" title="Closed Won" grid="true"
fields="data1,data2,data3" dashSize="2">
<apex:chartLabel/>
</apex:axis>
<apex:axis type="Category" position="bottom" fields="name" title="Stacked Bars">
<apex:chartLabel rotate="315"/>
</apex:axis>
<apex:barSeries orientation="vertical" axis="left" stacked="true"
xField="name" yField="data1,data2,data3" title="MacDonald,Promas,Worle"/>
</apex:chart>

  • December 28, 2012
  • Like
  • 0