backpacker299

Just found it. I had changed 'showNames' to 'showLabels' in the chart tag. Putting that back to 'showNames' got it working. I really appreciate your help. Thank you

Yeah, absolutely fair enough. I very much appreciate your help. Sorry my link was wrong.

Haha, I'm sorry, I really wasn't paying attention. Yes, that's what I want. I looked at the page source and modified my rendering code to the below, but my production chart is not changed. Production Environment dailyChart = new FusionCharts("FusionCharts/Charts/MSLine.swf", "swfDailyChart", "675", "400"); dailyChart.setDataURL (escape("data/getChartData.php?siteIdName=<?php echo $siteIdName; ?>&chartType=DAILY&xmlOut=1")); if (!!dailyChart._overrideJSChartConfiguration) { dailyChart._overrideJSChartConfiguration({ xAxis: { thickWidth: 0, labels: { rotation: 0, x: 20, formatter: function() { if (this.index % 36 == 0) { return this.value; } else { return ""; } } } } }); } dailyChart.render ("dailyChart");

Attached.

I only see one chart, screenshot attached.

One more piece of the puzzle: The JS function that you gave me is the cause of the chart key being close to the chart. If it is gone, the chart key goes further down the page. Also, the tick marks that show up are trying to split up the labels, no? I noticed that there is actually a little bigger gap between them in the places where I want labels to show. Maybe I just need to hide the tick marks? If so, I don't know now to do that.

I fixed the category tag attributes with no effect on the output of either the Flash nor the JS rendered chart.

Here is my rendering JS now: dailyChart = new FusionCharts("FusionCharts/Charts/MSLine.swf", "swfDailyChart", "675", "400"); dailyChart.setDataURL (escape("data/getChartData.php?siteIdName=<?php echo $siteIdName; ?>&chartType=DAILY&xmlOut=1")); if (!!dailyChart._overrideJSChartConfiguration) { dailyChart._overrideJSChartConfiguration({ xAxis: { labels: { formatter: function() { if (this.index % 36 == 0) { return this.value; } else { return ""; } } } } }); } dailyChart.render ("dailyChart"); dayTimeout = setTimeout ("updateChart('.', 'DAILY')", 300000); // Have the chart updated in 5 minutes Now, I am also thinking that the formatter function is no longer necessary (at least for the label values) because I made the labels empty in the XML if I don't display them. Is this correct?

I have never seen '!!' before, so I put that back and it is entering the IF block (which I determined with an alert statement); however, the labels are not appearing. I also went in an modified my XML stream so that I only have the 'showLabel' attribute for labels I want to show and I made the labels that I do not want to show empty (<category label='' />). None of this has corrected the label problem; though the chart key is not so far down anymore.

I changed the category tag, thanks for pointing that out. I have seen this override JS method mentioned in other posts and I copied the code you gave me. I put it between creating the chart/setting the data URL and the call to render the chart. Stepping through the code with Firebug show that the IF statement is always false and the code to fix stuff is never called. I removed the IF and let the browser always call the method and then my chart doesn't appear anymore. I did remove the extra '!' in the conditional, just in case that's what you thought the problem was.

I noticed 'showLabel' as a category tag attribute in the documentation, so I tried it and it did not work. I fixed it so that I use 'showLabel' instead of 'showName' now just so that I am not using deprecated attributes, but my JS rendered chart is still the same.

I appreciate you taking the time to help me. Thanks

<script type='text/javascript'> <?php echo "var siteIdName='$siteIdName';"; ?> var dailyChart = ''; var dayTimeout = ''; FusionCharts._fallbackJSChartWhenNoFlash (); function updateChart (prefix, chartType) { var addr = prefix + '/data/getChartData.php?siteIdName=' + siteIdName + '&chartType=' + chartType; dailyChart.setXMLUrl (addr); } </script> <div style="height: 400px; width: 675px;"> <div id="dailyChart" align="center" style="position: absolute; z-index: 5;">The daily chart will appear within this DIV. This text will be replaced by the chart.</div> <script type="text/javascript"> dailyChart = new FusionCharts("FusionCharts/Charts/MSLine.swf", "swfDailyChart", "675", "400"); dailyChart.setDataURL (escape("data/getChartData.php?siteIdName=<?php echo $siteIdName; ?>&chartType=DAILY&xmlOut=1")); dailyChart.render ("dailyChart"); dayTimeout = setTimeout ("updateChart('.', 'DAILY')", 300000); // Have the chart updated in 5 minutes </script> </div>

I assume you are looking for the XML that feeds the charts. It is rather long, so I will just link you to it's source generator: http://solar.ypsi.com/data/getChartData.php?siteIdName=foodcoop&chartType=DAILY&xmlOut=1

I apologize if this has been answered elsewhere, I did search and couldn't find anything. I have recently upgraded to the current version of FusionCharts that has HighCharts included. I want to use the Flash charts when available and fall back to Javascript otherwise. I have this working fine. The problem is that there are a few significant issues with the JS version. I have attached a couple of images to show the difference, but basically the x-axis data labels are missing (and replaced with tick marks), the chart key is a lot further down from the chart, and my vLines don't have labels. I suspect the vLines can't be fixed, and that's fine, but I need to fix the other two. I supply the charts with the same XML data. I appreciate any help or directing to a different thread.