bikegriffith

Mscombidy2D Javascript Renderer Doesn't Show Categories Or Datapoints Correctly

Recommended Posts

I've got the Flash version of the chart tweaked to my specification, but am really struggling getting the JavaScript version of MSCombiDY2D to display correctly. The FusionCharts.js shows version fusioncharts/3.2.3-release.4749. Some issues include:

  1. Neither line shows up. Tooltips appear when I'm hovering over the graph.
  2. The Y-axis labels overlap the y-axis values
  3. The X-axis categories do not all appear as specified

I have datapoints for every week over the last year, and a category specifying the month name for each. I only want to show one of the labels per month.

 

I have attached a screenshot of both the Flash and JavaScript rendered versions.

post-27808-0-79004600-1349704792_thumb.png

post-27808-0-85751300-1349704800_thumb.png

 

My XML looks like this:

 

<chart showValues='0' lineThickness='3' anchorRadius='4' anchorBorderThickness='3' showShadow='1' PYAxisName='Dataset 1' SYAxisName='Dataset 2' centerYaxisName='0' yAxisValuesPadding='20' labelDisplay='ROTATE' slantLabels='1' showBorder='0' bgColor='FFFFFF' bgAlpha='0' canvasBgAlpha='0' canvasBorderColor='FFFFFF' canvasBorderAlpha='0' showAlternateHGridColor='0' showLegend='1'  >
<categories  >
 <category label='Oct 2011' showLabel='0'  /><category label='Oct 2011' showLabel='1'  /><category label='Oct 2011' showLabel='0'  /><category label='Oct 2011' showLabel='0'  /><category label='Nov 2011' showLabel='0'  /><category label='Nov 2011' showLabel='1'  /><category label='Nov 2011' showLabel='0'  /><category label='Nov 2011' showLabel='0'  /><category label='Dec 2011' showLabel='0'  /><category label='Dec 2011' showLabel='1'  /><category label='Dec 2011' showLabel='0'  /><category label='Dec 2011' showLabel='0'  /><category label='Jan 2012' showLabel='0'  /><category label='Jan 2012' showLabel='1'  /><category label='Jan 2012' showLabel='0'  /><category label='Jan 2012' showLabel='0'  /><category label='Jan 2012' showLabel='0'  /><category label='Feb 2012' showLabel='0'  /><category label='Feb 2012' showLabel='1'  /><category label='Feb 2012' showLabel='0'  /><category label='Feb 2012' showLabel='0'  /><category label='Mar 2012' showLabel='0'  /><category label='Mar 2012' showLabel='1'  /><category label='Mar 2012' showLabel='0'  /><category label='Mar 2012' showLabel='0'  /><category label='Apr 2012' showLabel='0'  /><category label='Apr 2012' showLabel='1'  /><category label='Apr 2012' showLabel='0'  /><category label='Apr 2012' showLabel='0'  /><category label='Apr 2012' showLabel='0'  /><category label='May 2012' showLabel='0'  /><category label='May 2012' showLabel='1'  /><category label='May 2012' showLabel='0'  /><category label='May 2012' showLabel='0'  /><category label='Jun 2012' showLabel='0'  /><category label='Jun 2012' showLabel='1'  /><category label='Jun 2012' showLabel='0'  /><category label='Jun 2012' showLabel='0'  /><category label='Jul 2012' showLabel='0'  /><category label='Jul 2012' showLabel='1'  /><category label='Jul 2012' showLabel='0'  /><category label='Jul 2012' showLabel='0'  /><category label='Jul 2012' showLabel='0'  /><category label='Aug 2012' showLabel='0'  /><category label='Aug 2012' showLabel='1'  /><category label='Aug 2012' showLabel='0'  /><category label='Aug 2012' showLabel='0'  /><category label='Sep 2012' showLabel='0'  /><category label='Sep 2012' showLabel='1'  /><category label='Sep 2012' showLabel='0'  /><category label='Sep 2012' showLabel='0'  /><category label='Sep 2012' showLabel='0'  /><category label='Oct 2012' showLabel='0'  />
</categories>
<dataset  seriesName='Dataset 1' parentYAxis='P' renderAs='Line' color='5caeda'  >
 <set  value='652'  /><set  value='423'  /><set  value='436'  /><set  value='390'  /><set  value='328'  /><set  value='653'  /><set  value='378'  /><set  value='419'  /><set  value='476'  /><set  value='393'  /><set  value='494'  /><set  value='610'  /><set  value='521'  /><set  value='533'  /><set  value='349'  /><set  value='321'  /><set  value='588'  /><set  value='623'  /><set  value='492'  /><set  value='697'  /><set  value='496'  /><set  value='398'  /><set  value='655'  /><set  value='967'  /><set  value='546'  /><set  value='583'  /><set  value='654'  /><set  value='733'  /><set  value='602'  /><set  value='437'  /><set  value='718'  /><set  value='507'  /><set  value='334'  /><set  value='523'  /><set  value='368'  /><set  value='546'  /><set  value='531'  /><set  value='554'  /><set  value='503'  /><set  value='586'  /><set  value='445'  /><set  value='474'  /><set  value='498'  /><set  value='466'  /><set  value='303'  /><set  value='576'  /><set  value='307'  /><set  value='470'  /><set  value='508'  /><set  value='571'  /><set  value='491'  /><set  value='504'  /><set  value='452'  />
</dataset>
<dataset  seriesName='Dataset 2' parentYAxis='S' renderAs='Line' color='ff9049'  >
 <set  value='674.44'  /><set  value='500.18'  /><set  value='512.86'  /><set  value='455.37'  /><set  value='399.07'  /><set  value='699.22'  /><set  value='490.86'  /><set  value='532.09'  /><set  value='512.86'  /><set  value='498.59'  /><set  value='585.22'  /><set  value='681.57'  /><set  value='580.27'  /><set  value='620.51'  /><set  value='453.39'  /><set  value='405.61'  /><set  value='527.18'  /><set  value='556.68'  /><set  value='442.49'  /><set  value='674.2'  /><set  value='449.78'  /><set  value='343.84'  /><set  value='590.62'  /><set  value='848.65'  /><set  value='415.13'  /><set  value='495.22'  /><set  value='535.53'  /><set  value='634.13'  /><set  value='503.28'  /><set  value='329.22'  /><set  value='607.56'  /><set  value='421.34'  /><set  value='289.18'  /><set  value='423.72'  /><set  value='323.01'  /><set  value='553.5'  /><set  value='480.81'  /><set  value='518.75'  /><set  value='473.41'  /><set  value='472.09'  /><set  value='312.3'  /><set  value='342.83'  /><set  value='404.03'  /><set  value='400.72'  /><set  value='261.69'  /><set  value='482.53'  /><set  value='264.99'  /><set  value='459.27'  /><set  value='437.86'  /><set  value='549.8'  /><set  value='506.88'  /><set  value='586.97'  /><set  value='468.97'  />
</dataset>
</chart>

Share this post


Link to post
Share on other sites

Hi,

 

You are using a old version of FusionCharts. Can you please try once updating to the latest version? You can re-download from the Product Update Center to get the latest version.

 

I just tried with fusioncharts/3.2.4-release.8565, and it fixed the y-axis overlap, but the x-axis category names are still not showing correctly and neither of the line graphs shows at all.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now