backpacker299

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.

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 am not able to call a javascript function from the clickURL parameter in my chart tag at the top of the XML data. The plan is to click on a small chart on a page, which will open a larger chart in an overlay div. I have been able to accomplish this by adding "href" and "onClick" parameters directly to the chart through javascript when I create the chart, but this does not work in IE. Any help will be much appreciated.

Excellent, fixed right up. I appreciate your help.

For more information, I have tried the following things: clickURL="javascript:bigChart('WEEKLY');" clickURL="j-bigChart('WEEKLY');" clickURL="j-bigChart('WEEKLY')" clickURL='j-bigChart-WEEKLY' When I put my cursor over the chart, it turns into the pointer/hand, so I know it is registered as a hot spot. Thanks again.

I have a display monitor in a store using FusionCharts that is rotating between four different charts. The charts use JavaScript to load and they are each in their own div that gets show/hidden in round-robin fashion. When a chart div is shown, you see the load bars and then the chart appears. I want to know if there is a way that say 20 seconds before the chart is to be shown I can load the data so the chart can just appear when its turn comes up.

I have a vLine in my chart with two lines in the label, but the lines are left justified in the box. Is there a way to center the text? My XML line looks like this: vLine label='Line1Line2' thickness='2' labelPosition='.03' Thanks, Nik

That will center the label box vertically in the chart. I have two lines of text in the label box and I want that text to be centered within the label box horizontally (center aligned text).