mschenkel
-
Content count
23 -
Joined
-
Last visited
Everything posted by mschenkel
-
We recently added support for "Map Overlays" to embeddedanalytics.com service using FusionMaps. EmbeddedAnalytics is a 3rd party service which integrates with the Google Analytics Export API and allows web publishers to embed realtime charts/maps into their websites (the charting is done using FusionCharts). The Map Overlays allow you to embed color density maps of different Google Analytics metrics (e.g. visits, pageviews). It works just like the Map Overlays available in Google Analytics itself: you can click on a region and the map will drilldown; ultimately displaying city statistics. See our Live Sample.
-
I have embedded some charts into a page. The page is configured to be "Responsive". So I am setting the style of all the div tags to have height:100%. In one particular instance some of the charts are not expanding, but instead are taking a height of 34.54px. Using the Chrome Browser to drill down, I can see that the javascript is somehow making a span tag and setting the height to be 34.64px: <span id="myChartId_31742" style="line-height: 100%; display: inline-block; zoom: 1; width: 99%; height: 34.65px; background-color: rgb(255, 255, 255);"> What could be causing this? Take a look at the screen shot for some of the code wrapping the chart.
-
What am I doing wrong to get this chart to show tranparent? I am calling the setTransparent(true); <html><body bgcolor="red"> <script type="text/javascript" src="https://www.embeddedanalytics.com/FusionCharts/FusionCharts.js"></script> <div id="chartContainer">FusionCharts will load here!</div> <script type="text/javascript"><!-- var myChart = new FusionCharts( "https://www.embeddedanalytics.com/FusionCharts/Column3D.swf", "myChartId", "600", "310", "0", "1" ); myChart.setXMLData('<chart showborder="0" rotatevalues="1" caption = "Report 6 - Exit Pages (Visits)" labelstep="1" chartLeftMargin="3" chartBottomMargin="15" placeValuesInside="0" > <set label="/google-analytics/" value="1" isSliced="0" color="66CCFF" /><set label="/rates/" value="6" isSliced="0" color="66CCFF" /><styles> <definition><style name="CAPTION" type="font" font="Arial" size="20" color="#0000CC" italic="0" bold="0" /> <style name="SUBCAPTION" type="font" font="Arial" size="12" color="#0000CC" italic="0" bold="0" /> <style name="XAXISNAME" type="font" font="Arial" size="10" color="#000000" italic="0" bold="0" /> <style name="YAXISNAME" type="font" font="Arial" size="10" color="#000000" italic="0" bold="0" /> </definition> <application> <apply toObject="DATALABELS" styles="XAXISNAME"/> <apply toObject="YAXISVALUES" styles="YAXISNAME"/> <apply toObject="CAPTION" styles="CAPTION" /> <apply toObject="SUBCAPTION" styles="SUBCAPTION" /> <apply toObject="XAXISNAME" styles="XAXISNAME" /> <apply toObject="YAXISNAME" styles="YAXISNAME" /> </application> </styles></chart>'); myChart.setTransparent (true); myChart.render("chartContainer"); --> </script> </body> </html>
-
That did the trick!!! Thanks.
-
Say I have a line graph with three series. There are 12 data points for each series (e.g. values for each month). Furthermore, the series are pretty close to each other. I am finding the Data Values are overwriting each other when SHOWVALUES="1". Alternatively I can turn off all values. But then NO values show and the reader must look to the Y-Axis labels. Is there a way to have some sort of "Show Staggered Datavalues"? So it would show some of the values for some of the series, but in a way they never overwrite each other (and thus makes for a nice looking chart). Thanks, Mark.
-
Values Overwrite Each Other On Multi-Series Charts
mschenkel replied to mschenkel's topic in General usage
Thank you for the response - it all makes good sense. -
I had the same problem with Fusion Charts. But I was able to overcome it with the Transparent mode (see Fusion Chart solution). I can't seem to find the counter solution for Fusion Maps. I have CSS menus on a page. And right beneath the page is a Fusion Map. The CSS does not fully cover the map. Thanks, Mark.
-
Perfect!!!! Thank you very much for your assistance on this. Mark.
-
Would appreciate if anyone could share some insight into this. I know for FusionCharts you can use the wmode=transparent. However, this assumes the embedding code is html. For the FusionMap examples, it is all java script based: <div id="mapdiv" align="center"> FusionMaps. </div> <script type="text/javascript"> var map = new FusionMaps("http://www.xyz.com/FusionCharts/FusionMaps/SomeMap.swf", "Map1Id", "500", "300", "0", "0"); map.setDataXML("<chart>.....</chart>"); map.render("mapdiv"); </script> Is there a way to use the wmode parameter here?
-
I would like to suppress the borders on entities within the map while still having the geographical border of the map show. Say I have a map of the State of New York. I would like to have the outside border of the state show. But suppress the border of the individual counties within the state. Is this possible? This Solution talks about it. I find the BorderAlpha property controls both the exterior border AND the entity borders. Can they be controlled independently? Thanks.
-
Sure. Here is a picture of New York State with borders (note, there is a border around the state, as well as borders for each county within the state): New York State With Borders Now here is a version WITHOUT borders (controlled with BorderAlpa): New York State WITHOUT Borders What I am trying to achieve is the 2nd screen shot BUT with a border around New York State itself (you will see I added in a small black section of the border to illustrate).
-
I have created a 3rd party web service which interfaces with the Google Analytics Export API and makes it easy for non-technical web publishers to embed GA charts into their websites. The site is EmbeddedAnalytics. A user can define a chart against their Google Analytics data, specifying colors, fonts, type of chart, etc. This all utilizes Fusion Charts. Then they just embed a snippet of code contained in an iframe tag where they chart is to show.
-
The script to generate csv for the index.html found in the SSGenerator is not working for me. Is there anywhere you can go to download the IDs for all maps? I started to write a parsing routine for each page in the http://www.fusioncharts.com/maps/docs/Contents/MapSS/ folder. But it seems there are some subtle differences between pages which makes even this difficult. A database would be great!!!
-
After tinkering with the Flash settings I did get this to work. But I do think it would be a great option to have all this available in a database format. Otherwise it leads to a lot of copying/pasting.
-
What is the recommended way to create a 3 dimensional horizontal bar chart? For standard "vertical" barcharts, there is both a Column2D.swf and Column3D.swf. However for Horizontal Bar charts there is only Bar2D.swf. There is no Bar3D.swf. Is the only way using MSBar3D.swf (multi-series) but "tricking" it by with only one series? Thanks.
-
In the end I just supplied the data via the setXMLData call.
-
I am having the same problem. I took the HTML5 javascript example (see this page) and saved it to my local drive. I verified it all worked. Below is the code: FusionCharts.setCurrentRenderer('JavaScript'); var myChart = new FusionCharts("Column3D.swf", "myChartId", "400", "300", "1", "1"); myChart.setXMLUrl("Data.xml"); myChart.render("chartContainer"); I then changed the url from Data.xml to http://www.fusioncharts.com/Code/MyFirstChart/data.xml and I then get the "No Data to Display" message. Any help would be appreciated.
-
I too was wondering the same thing. As far as I know, the Flash chart needs to be rendered in some capacity before it can be saved as a jpg. I have had limited success creating an automated Win32 app using Flash OCX controls to do this. But sometimes if there were any problems you could end up with a blank jpg/bmp (which was a little risky for my situation). Question: what do you have against using HTML 5?
-
Issue With Compatibility Using Internet Explorer 9
mschenkel replied to Ian's topic in General usage
I too received a report from someone saying they were having a similar problem with Internet Explorer. They said they were on a 64 bit computer. Did you happen to be on a 64 bit computer? -
I am in the process of upgrading to version 3.2. Is there any need to still include support for Flash (swf) and instead just rely on HTML 5? Are there still many browsers/devices which might have Flash but not HTML 5? And what is less "bandwidth" intensive? Thanks.
-
I am familiar with the labelStep attribute and how it can be used to limit how many labels are displayed on the X-Axis. Is there any setting which will calculate this value so that labels can be display nicely along the X-Axis? Or does it have to be explicitly set? I am developing an application where the end user can specify a time frame (e.g. 7 days, last 30 days) and the formatting (e.g. mm/dd; mm/dd/yyyy). These ultimately determine the X-Axis labels. Is there any "auto-format" option? Or would I have to calculate this myself and set? Thanks.
-
Thank you for the response. Actually I am able to control the formatting of the dates using my server scripting language. This is not the problem. I was asking whether there was some "Auto-Space" property. In essence this would calculate the labelstep automatically such that labels would never overwrite each other (and render a nice readable chart). Based on your response there is no such setting; it must be controlled in the XML by specifying the labelstep property.