Search the Community

Showing results for tags 'javascript'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Company Forums
    • Company News
  • Product Forums
    • FusionCharts XT
    • FusionWidgets XT
    • PowerCharts XT
    • FusionMaps XT
    • Collabion Charts for SharePoint
    • jQuery Plugin for FusionCharts
    • AngularJS plugin
    • ReactJS plugin
  • General Forums
    • FusionCharts Jobs and Consultation
    • FusionLounge

Found 54 results

  1. I need to remove the dollar ($) sign from the top of the first bar which is showing the values $410K,only we need 410K https://jsfiddle.net/TumnU/1489/
  2. FusionCharts.ready(function () { var myChart = new FusionCharts({ type: "angulargauge", renderAt: "refgauge", width: "100%", height: "350", dataFormat: "json", "dataSource": {"chart":{"caption":"Elecon Motor Speed","subCaption":"Current Speed","lowerlimit":"0","upperlimit":"300","showvalue":"1","theme":"fusion"},"colorrange": {"color": [{ "minvalue":"0","maxvalue":"100","code":"#FFC533"},{"minvalue":"100","maxvalue":"200","code":"#62B58F"},{"minvalue":"200","maxvalue":"300","code":"#F2726F"}]}, "dials": {"dial": [{"value":"","tooltext":"Speed: <b>$datavalue</b>"}]},"trendpoints": {"point": [{ "startvalue":"125","displayvalue":"Eco","thickness":"2","color":"#E15A26","usemarker":"1","markerbordercolor":"#E15A26","markertooltext":"Eco Speed"}]}}, events: { 'beforeRender': function (evt, args) { var score = document.createElement('div'); score.setAttribute('id', 'score-detail'); args.container.parentNode.insertBefore(score, args.container.nextSibling); }, "rendered": function (evtObj, argObj) { evtObj.sender.intervalVar = setInterval(function () { var chartIns = evtObj.sender; chartIns.feedData("value=" + datavalue); }, 300); }, "realtimeUpdateComplete": function (evtObj, argObj) { var updtObj = argObj && argObj.updateObject, values = updtObj && updtObj.values, updtValStr = values && values[0], updtVal = updtValStr && parseFloat(updtValStr).toFixed(0), divToUpdate = document.getElementById("score-detail"); }, "disposed": function (evtObj, argObj) { clearInterval(evtObj.sender.intervalVar); } } }); myChart.render(); }); i am updating value from the code behind page of asp.net the updated value displays and the chart reflects the change in value but the theme is not rendered with the chart. and the problem in only in chrome browser.
  3. Hi, I am using FusionCharts XT(v3.2.2) SR2 licensed version. Very recently while working on loading Pie chart in one of our application we are faced a problem, where Pie chart is not being loaded but all the legends and labels with values are loaded successfully. Please find the screenshot attached. Earlier in our project we are used to fusion chart, where javascript code were included within <script> tag in the JSP, where as now we are trying to separate Javascript code in a file. Please find the Javascript and JSP below. FusionCharts.js is loaded in the main JSP and code is as below. <script id="/js/fusionChart/FusionCharts.js" language="Javascript" src="/js/fusionChart/FusionCharts.js"></script> Javascript: ======================================== var ChartSummary = function() { this.loadChart = function() { FusionCharts.setCurrentRenderer('javascript'); var pieChart = new FusionCharts(project + '/FusionCharts/Pie3D.swf', 'chart1ID', '500', '500'); pieChart.setDataXML("<chart showValues='1' showLegend='1' rotateValues='1' showNames='1' pieYScale='90' pieSliceDepth='10' pieRadius='120' showPercentageValues='1' decimalPrecision='0' showBorder='1' borderColor='000000' bgColor='FFFFFF' baseFontSize='10' baseFont='Arial'> <set value='145517' color='008000' label='Approved' /> <set value='0' color='ff0000' label='Rejected' /> <set value='103' color='ffff00' label='Pending' /> </chart>"); pieChart.setTransparent(true); pieChart.render('chartDiv'); } }; var chartSummary = new ChartSummary(); JSP =================================================== <div> <form name="chartForm" id="chartForm"> <table style="width:100%;"> <tr> <td> <div id="LoadChartButton" style="float: right;padding: 1%"> <input type="button" value="Load Chart" onclick="chartSummary.loadChart();"> </div> </td> </tr> <tr> <td> <div id="chartDiv" name="chartDiv"></div> </td> </tr> </table> </form> </div> Image =====================
  4. I'm developing an Angular 2 application and using webpack to bundle my application together. One of my components imports the fusioncharts library stored in /lib/fusioncharts directory in the root of my project. Note: I dont have the fusioncharts module in node_modules. I was able to configure my aliases, provide plugin correctly (the bundle increased in size, and I was able to verify, through the network tab that fusion charts existed): import statement: import FusionCharts from 'fusioncharts' alias statement: 'fusioncharts' : '/lib/fusioncharts/fusioncharts.js' provide plugin: new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', 'window.jQuery': 'jquery', 'window.PR': 'prettify', FusionCharts: 'fusioncharts', 'fusionthemes':'fusionthemes' }) This lead to my bundle increasing in size, and in the network tab, I was able to locate my fusioncharts code. Webpack didnt throw any errors during the build, but when I launched my application, I received this in my browser console:
  5. Invalid Property Value

    Hi, I am using IE11 but in IE7 mode. The chart runs fine in any other mode, but I'm getting this error: I've searched the forum for the SCRIPT380 error and only found a user who was having an issue with a style tag. At the moment, my page and chart are unstyled, so cant think what it might be? Any ideas? Thanks Matt
  6. I have a fusion map of India showing states and I want to use drill down in such a way that when I click on Delhi, it should drill down to fusion map of Delhi and when i click on Mumbai it should drill down to fusion map of Mumbai etc. How should i use fusion map ConfigureLink() function for the mentioned scenario. I am able to do this, if it's a common drill down for both Mumbai and Delhi but getting difficulties in different drill downs at the same level. Please help me out. Thanks in advance.
  7. Upon starting up JBoss for my locally deployed web application, I'm getting two errors - NoClassDefFoundError and ClassNotFoundException. This leaves me unable to export/save charts produced by my application. These are in relation to Fusion Charts' FusionChartsExportHelper class. The relevant logs are below. ERROR [[/ortho]] Servlet /ortho threw load() exception: java.lang.ClassNotFoundException: com.fusioncharts.exporter.FusionChartsExportHelper from [email protected]{vfs:///opt/jboss-6.1.1-SNAPSHOT/server/default/deploy/usc-ortho-1.0.ear/usc-ortho-war-1.0.war/} at org.jboss.classloader.spi.base.BaseClassLoader.loadClass(BaseClassLoader.java:480) [jboss-classloader.jar:2.2.1.GA] at java.lang.ClassLoader.loadClass(ClassLoader.java:358) [:1.7.0_80] at com.fusioncharts.exporter.servlet.FCExporter.checkExportResources(FCExporter.java:57) [:1.00-b25] at com.fusioncharts.exporter.servlet.FCExporter.init(FCExporter.java:253) [:1.00-b25] ERROR [[/ortho]] StandardWrapper.Throwable: java.lang.NoClassDefFoundError: com/fusioncharts/exporter/FusionChartsExportHelper at com.fusioncharts.exporter.servlet.FCExporter.checkExportResources(FCExporter.java:57) [:1.00-b25] at com.fusioncharts.exporter.servlet.FCExporter.init(FCExporter.java:253) [:1.00-b25] I receive a 404 error in relation to FCExporter when attempting to save/export charts from my application. The 404 page is attached as a screenshot to this post. Where's the issue? What am I doing incorrectly?
  8. I'm using following FusionChart option to Save the image to Server-Side PHP: [ 'chart' => [ "exportEnabled" => "1", "exportAtClient" => "0", "exportAction" => "save", "exportHandler" => "/fusioncharts/export-handlers/php-export-handler/index.php", "exportFileName" => $chartImagesFileName, 'categories' => [ ['category' => $labels] ], 'dataset' => [ ['seriesname' => '...', 'data' => $reg], ['seriesname' => '...', 'data' => $billed] ] ] Javascript: $(document).on('click', '#download-csv', function(e) { var id = "#" + chartUid + " .fusioncharts-container div:contains('Export As PNG')" ; $( id ).trigger("click"); }); Here, /fusioncharts/export-handlers/php-export-handler/index.php is able to generate image and print the filename. But my problem is, on triggering click, I'm unable to get the filename. How can I resolve this issue in FusionChart?
  9. Hi all, Recently I've encountered a problem with zoom scatter chart and IE. I noticed that the same problem persists on fusioncharts official web site. Every time when I go over the bubble (data plot) with my mouse pointer an error occurs. The error text is: Object doesn't support this action If you open this link - http://www.fusioncharts.com/dev/chart-guide/zoom-scatter-chart/introducing-the-zoom-scatter-chart.html in IE you should see this error in the console when you go over the bubble with your mouse pointer. See attached image (IE version). Any ideas?
  10. Hello Everyone, I am quite new to Fusioncharts. I am trying to generate some charts in my application. I have followed many tutorials or instruction to generate a simple chart. Everything seems to be fine but still there is no chart generated, except the span. The div i am trying to show chart in, is just a simple div with an id. When the code executes to generate the chart it only generates the span with right width and height but nothing else. I have been trying to solve this problem or at least to know the reason but i haven't been successful yet. I have also posted this problem on stackoverflow but no luck so far. http://stackoverflow.com/questions/33260671/fusionchart-is-loaded-but-i-cant-see-it-javascript I would really appreciate if someone can tell me whats going on, Thank you.
  11. Hi, I am trying to do server side export as image in fusioncharts.I am using fusioncharts version 3.6. Given is my xml : "<?xml version='1.0' encoding='UTF-8' standalone='yes'?><chart animation='1' rotateLabels='0' slantLabels='0' showValues='0' adjustDiv='0' yAxisMinValue='0.0' yAxisMaxValue='46750.0' caption='Worst Stations by Machine Faults for Cleveland' xAxisName='Stations' yAxisName='Tot Duration' bgColor='FFFFFF' canvasBgColor='F3F5F5' numDivLines='9' formatNumberScale='1' defaultNumberScale='s' numberScaleUnit='m,h,d,w' scaleRecursively='1' numberScaleValue='60,60,24,7' decimals='0' yAxisValueDecimals='0' exportEnabled='1' exportShowMenuItem='1' exportFormats='PNG=Export as High Quality Image' exportAtClient='0' exportHandler='FCExporter' exportAction='save' exportCallback='FC_Exported' exportFileName='498920881' showBorder='0'> <set label='B5 1570(2080) Rod cap r/d' value='23372.0' color='B99946' toolText='Occurrence : 7.0'/> <set label='C1 2040(3050) Oil pan r/d' value='16413.0' color='B99946' toolText='Occurrence : 12.0'/> <set label='A2 430(1140) Load crank' value='12166.0' color='B99946' toolText='Occurrence : 16.0'/> <set label='C4 3020(5040-6) Tappet robot C' value='9204.0' color='B99946' toolText='Occurrence : 56.0'/> <set label='C1 1910(3021) Windage tray' value='7223.0' color='B99946' toolText='Occurrence : 5.0'/> <set label='C1 1970(3030) Blk RTV' value='7107.0' color='B99946' toolText='Occurrence : 3.0'/> <set label='A2 230(1087) Split MBCs' value='7024.0' color='B99946' toolText='Occurrence : 4.0'/> <set label='B5 1440(1270) Turntable' value='6762.0' color='B99946' toolText='Occurrence : 1.0'/> <set label='C4 3110(5040-4) Tappet robot A' value='6210.0' color='B99946' toolText='Occurrence : 25.0'/> <set label='C2 2260(4022B) Head cnvr No' value='5590.0' color='B99946' toolText='Occurrence : 18.0'/> <annotations> <annotationGroup id='labelLinks'> <annotation type='rectangle' fillColor='FFFFFF' fillAlpha='0' x='$xaxis.label.0.STARTX + 5' y='$xaxis.label.0.STARTY' toX='$xaxis.label.0.ENDX - 5' toY='$xaxis.label.0.ENDY'/> <annotation type='rectangle' fillColor='FFFFFF' fillAlpha='0' x='$xaxis.label.1.STARTX + 5' y='$xaxis.label.1.STARTY' toX='$xaxis.label.1.ENDX - 5' toY='$xaxis.label.1.ENDY'/> <annotation type='rectangle' fillColor='FFFFFF' fillAlpha='0' x='$xaxis.label.2.STARTX + 5' y='$xaxis.label.2.STARTY' toX='$xaxis.label.2.ENDX - 5' toY='$xaxis.label.2.ENDY'/> <annotation type='rectangle' fillColor='FFFFFF' fillAlpha='0' x='$xaxis.label.3.STARTX + 5' y='$xaxis.label.3.STARTY' toX='$xaxis.label.3.ENDX - 5' toY='$xaxis.label.3.ENDY'/> <annotation type='rectangle' fillColor='FFFFFF' fillAlpha='0' x='$xaxis.label.4.STARTX + 5' y='$xaxis.label.4.STARTY' toX='$xaxis.label.4.ENDX - 5' toY='$xaxis.label.4.ENDY'/> <annotation type='rectangle' fillColor='FFFFFF' fillAlpha='0' x='$xaxis.label.5.STARTX + 5' y='$xaxis.label.5.STARTY' toX='$xaxis.label.5.ENDX - 5' toY='$xaxis.label.5.ENDY'/> <annotation type='rectangle' fillColor='FFFFFF' fillAlpha='0' x='$xaxis.label.6.STARTX + 5' y='$xaxis.label.6.STARTY' toX='$xaxis.label.6.ENDX - 5' toY='$xaxis.label.6.ENDY'/> <annotation type='rectangle' fillColor='FFFFFF' fillAlpha='0' x='$xaxis.label.7.STARTX + 5' y='$xaxis.label.7.STARTY' toX='$xaxis.label.7.ENDX - 5' toY='$xaxis.label.7.ENDY'/> <annotation type='rectangle' fillColor='FFFFFF' fillAlpha='0' x='$xaxis.label.8.STARTX + 5' y='$xaxis.label.8.STARTY' toX='$xaxis.label.8.ENDX - 5' toY='$xaxis.label.8.ENDY'/> <annotation type='rectangle' fillColor='FFFFFF' fillAlpha='0' x='$xaxis.label.9.STARTX + 5' y='$xaxis.label.9.STARTY' toX='$xaxis.label.9.ENDX - 5' toY='$xaxis.label.9.ENDY'/> </annotationGroup> </annotations></chart>" i have done all steps metioned in the link : http://docs.fusioncharts.com/archive/3.6.0/tutorial-interactivity-exporting-as-image-and-pdf-setup-private-export-server-java.html I am getting the chart download link with the 'Export as high quality image'.But when I click on it I get error as shown in image- issue-1.png. When I debug in firebug its coming to the line : "You are running Eve 0.4.2" though I don't know if that has any significance, as shown in image - issue-2. And on server side I am getttng the following exception - Aug 24, 2015 6:53:24 PM org.apache.catalina.core.StandardWrapperValve invoke SEVERE: Servlet.service() for servlet [FCExporter] in context with path [/reveal] threw exception java.lang.NullPointerException at com.fusioncharts.exporter.servlet.FCExporter.writeError(FCExporter.java:149) at com.fusioncharts.exporter.servlet.FCExporter.doPost(FCExporter.java:108) at javax.servlet.http.HttpServlet.service(HttpServlet.java:646) at javax.servlet.http.HttpServlet.service(HttpServlet.java:727) at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:303) at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208) at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52) at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241) at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208) at com.jdt.pfi.web.filter.WebRequestProfiler.doFilter(WebRequestProfiler.java:47) at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241) at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208) at org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:330) at com.jdt.pfi.auth.spring.RevealAppURLSecurityFilter.doFilterInternal(RevealAppURLSecurityFilter.java:83) at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107) at org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342) at org.springframework.security.web.access.intercept.FilterSecurityInterceptor.invoke(FilterSecurityInterceptor.java:118) at org.springframework.security.web.access.intercept.FilterSecurityInterceptor.doFilter(FilterSecurityInterceptor.java:84) at org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342) at org.springframework.security.web.access.ExceptionTranslationFilter.doFilter(ExceptionTranslationFilter.java:113) at org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342) at org.springframework.security.web.session.SessionManagementFilter.doFilter(SessionManagementFilter.java:103) at org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342) at org.springframework.security.web.authentication.AnonymousAuthenticationFilter.doFilter(AnonymousAuthenticationFilter.java:113) at org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342) at org.springframework.security.web.servletapi.SecurityContextHolderAwareRequestFilter.doFilter(SecurityContextHolderAwareRequestFilter.java:154) at org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342) at org.springframework.security.web.savedrequest.RequestCacheAwareFilter.doFilter(RequestCacheAwareFilter.java:45) at org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342) at org.springframework.security.web.authentication.www.BasicAuthenticationFilter.doFilter(BasicAuthenticationFilter.java:150) at org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342) at org.springframework.security.web.authentication.AbstractAuthenticationProcessingFilter.doFilter(AbstractAuthenticationProcessingFilter.java:199) at org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342) at org.springframework.security.web.authentication.logout.LogoutFilter.doFilter(LogoutFilter.java:110) at org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342) at org.springframework.security.web.context.request.async.WebAsyncManagerIntegrationFilter.doFilterInternal(WebAsyncManagerIntegrationFilter.java:50) at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107) at org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342) at org.springframework.security.web.context.SecurityContextPersistenceFilter.doFilter(SecurityContextPersistenceFilter.java:87) at org.springframework.security.web.FilterChainProxy$VirtualFilterChain.doFilter(FilterChainProxy.java:342) at org.springframework.security.web.FilterChainProxy.doFilterInternal(FilterChainProxy.java:192) at org.springframework.security.web.FilterChainProxy.doFilter(FilterChainProxy.java:160) at org.springframework.web.filter.DelegatingFilterProxy.invokeDelegate(DelegatingFilterProxy.java:344) at org.springframework.web.filter.DelegatingFilterProxy.doFilter(DelegatingFilterProxy.java:261) at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241) at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208) at org.tuckey.web.filters.urlrewrite.RuleChain.handleRewrite(RuleChain.java:176) at org.tuckey.web.filters.urlrewrite.RuleChain.doRules(RuleChain.java:145) at org.tuckey.web.filters.urlrewrite.UrlRewriter.processRequest(UrlRewriter.java:92) at org.tuckey.web.filters.urlrewrite.UrlRewriteFilter.doFilter(UrlRewriteFilter.java:389) at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241) at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208) at com.jdt.pfi.web.filter.StaticResourcesRequestFilter.doFilter(StaticResourcesRequestFilter.java:60) at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:241) at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:208) at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:220) at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:122) at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:170) at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:98) at org.apache.catalina.valves.AccessLogValve.invoke(AccessLogValve.java:950) at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:116) at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:408) at org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1040) at org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:607) at org.apache.tomcat.util.net.JIoEndpoint$SocketProcessor.run(JIoEndpoint.java:313) at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1145) at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:615) at java.lang.Thread.run(Thread.java:744) Please help me to resolve this issue. Thanks, Deepti.
  12. Hi , we have developed the web applicaiton using asp.net and Fusionchart (version 3.4.0) When we are displaying the charts in the Browser 1. till 12 charts there is no issue . we are able get all its funcitonality (export , hovering on to the x axis ) but when we scroll down to the 13 chart and above . when we hover on to the x axis labels . we are getting this issue "offsetleft is undefined" in the fusionchart.js file and we are unable to export more than 12 charts . We are using the Browser IE 9 .But this is working fine in the Chorme Browser . Please let me know if any information is required . Thanks in Advance
  13. Chart size not correct

    Hi, Firstly - well done on an excellent product! We are having a problem with chart sizing and I'm hoping you can assist. We have a modal popup window as follows: <div class="modal fade" id="tankdatahrmodal" tabindex="-1" data-width="790" style="display: none;"> <div class="modal-content"> <div class="modal-header" style="background-color: #003A76; color: #ffffff; border-top-left-radius: 5px; border-top-right-radius: 5px;"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: #fff; opacity: 1;">x</button> <div> <h3 class="modal-title" data-tankid="" id="tankdatahrmodalheader"></h3> </div> </div> <div class="modal-body"> <div id="tank-hr-detail" style="width: 760px; height: 360px;"></div> </div> <div class="modal-footer"> <button type="button" data-dismiss="modal" onclick="backToDaily(event)" class="btn btn-primary pull-left"> <i class="fa fa-arrow-left" style="color: #ffffff;"></i> Back</button> <button type="button" data-dismiss="modal" class="btn btn-default pull-right">Close</button> </div> </div> </div> The div -> <div id="tank-hr-detail" style="width: 760px; height: 360px;"></div> is the place holder for the graph. The JS sets the graph up as follows: FusionCharts.ready(function(){ var revenueChart = new FusionCharts({ "type": "column2d", "renderAt": "tank-hr-detail", "width": "715", "height": "360", "dataFormat": "json", "dataSource": { "chart": { "showToolTip" : 1, "caption": "Hourly tank levels", "subCaption": tank_description, "xAxisName": "Time", "yAxisName": "Litres", "theme": "ocean", "formatNumberScale" : 0, "numberSuffix" : ' ltrs' }, "data": tank_hr_data } }); revenueChart.render(); }) As you can see the width and height are set yet the graph does not render correctly. The attached screen shot shows the problem. Please refer to the second screenshot with firebug CSS details highlighted - it seems for some reason the charting lib is setting the width to "512" and the height to "342" at runtime / when rendering resulting in the chart not displaying correctly. Please can you offer some advice to fix. Many thanks in advance. Len
  14. HomeKeeper is a Salesforce app for affordable homeownership organizations around the country to manage their programs. We seek to expand functionality by embedding a data visualization dashboard into the app, so individual organizations have a degree of self-analysis. We currently do our charts with Tableau (see below); however, because of their licensing model, we are seeking alternative solutions such as FusionCharts. Desired system functionality includes: Security of organizational data Dashboard embedded into our Salesforce app The ability to benchmark one’s organization against others, while preserving others’ privacy Our Analysts’ ability to make basic alterations to charts and layouts Basic filtering abilities (dates, categories, etc.) Variety of benchmarked data (based on region, portfolio size, etc) The ability to leave and view dashboard comments Individual scatterplot points access the specific data they refer to Popup text and tooltips to provide additional data or context We seek a chart developer with the ability to write the proper queries and implement the dashboard into our Salesforce app for a contract job. A more thorough description with examples is included in the attached document. Please direct all inquiries to [email protected] SHK2.pdf
  15. Hi. I thought I'd put this in Miscellaneous as I'm not sure if it's a bug or just me doing it wrong! I am creating a chart via Javascript, then destroying it and recreating it using the same ID, like this: if (FusionCharts.items['myChart1']){ FusionCharts.items['myChart1'].dispose(); } This works - the chart is recreated and I don't get any errors. However something along the way is breaking the chart's rotation feature - it still responds to the mouse being dragged around, but it rotates in an erratic way. If a clearer explanation is required please let me know. Many thanks, Steve
  16. Hello There, I am new to Fusion charts and maps i browsed a lot for zooming option of maps (example map of US Employment rate) i need zoom in/out option for that map. please help me out in this case.Thanks in advance
  17. I am wondering if I can write JavaScript so that when the user clicks on the "seriesname" in a zoomline chart, if I can toggle between displaying certain values. I know how to write the JavaScript to show and hide elements... I just need to know how to recognize when the user clicks on the "seriesname" to call that function. Any help or links I may have overlooked is appreciated.
  18. I get the Loading chart .. Please Wait ... error only in my IE 10 alone.. In my Chrome, its working fine. Even when i share the link with others, its working perfectly in their IE 10. But its not working in my IE 10.. I tried changing all the settings which i know.. Can i anyone please help me on this..
  19. Hi folks, We recently upgraded our Flash-based FusionCharts to JS-only (version 3.4). Our clients have noticed a slowdown in chart rendering speed, and we're looking for ways to improve performance. We regularly request large amounts of data at a time (up to 5 years of daily data), so the slowness is most noticeable on these large date ranges. We noticed that one way to cut down chart rendering time considerably is to set drawAnchors = 0. This speeds up chart rendering significantly (from 7 to 2 seconds, for example). Right now, we're drawing anchors, but setting them to transparent so we can use tooltips. We can't lose the tooltip functionality, so I'm wondering if either of the following is possible: 1) Is there a way to include tooltips without drawing the anchors? 2) If not, is there any way to split the chart rendering into stages? E.g., draw the chart first without anchors, and then later render the anchors and tooltips? Any other performance improvement ideas you have would definitely be welcome, too. Thanks!
  20. Hi, I tried to use your product Fusion XT for a prototype I was building for generating maps in Siebel. But Siebel internally uses require.js to load js files and I was getting errors in loading fusioncharts js files. A little bit of digging and I realized the problem was with the loading of the eve and other Raphael components through require.js . I understand Raphael natively doesnt support require.js or AMD as such but since RedRaphael is your own fork I suggest you to include support for same from your side. Your code was obfuscated, else I could have separated the components for individual loading. For now I think I will have to look elsewhere.
  21. Hi, I'm using an angular gauge which is updated in real-time with values received from the server. If the upper limit of the gauge is currently 200, and I receive a value of 250, then I want to increase the upper limit of the gauge to something slightly larger than 250 before displaying this new value. My effort at implementing this is shown below: chart.addEventListener("RealtimeUpdateComplete", function (event, parameter) { var newValue = event.sender.getData(1); var currentUpperLimit = parseInt(chart.getChartAttribute("upperLimit")); if (newValue > currentUpperLimit) { var newUpperLimit = newValue * 1.2; chartRef.setChartAttribute("upperLimit", newUpperLimit); chartRef.setChartAttribute("upperLimitDisplay", newUpperLimit); } } ); This seemed to be the right approach, however when a value is received from the server which is larger than the upper limit of the gauge, the variable newValue is always set to 0. Strangely, this variable is set correctly when the value received is lower than the gauge's upper limit. Is there another way to change the upper limit of the gauge at runtime so that it always exceeds the current value of the gauge?
  22. Iam facing an issue for Dual Yaxis chart while rendering as "flash". For the same xml, chart is rendered in different way when is use setCurrentRenderer('flash') and setCurrentRenderer('javascript'). Here is my Xml: ------------------ <chart canvasbgAlpha="0" formatNumberScale="1" sFormatNumberScale="1" sNumberPrefix="$" borderThickness="0" chartLeftMargin="0" chartRightMargin="0" plotSpacePercent="65" showLegend="1" borderColor="FFFFFF" bgcolor="FFFFFF" bgalpha="0,0" legendBorderColor="FFFFFF" legendBgColor="FFFFFF" animation="1" legendShadow="0" showShadow="0" caption="" xaxisname="" decimals="1" numberPrefix="" numberSuffix="" sNumberSuffix="" showPlotBorder="0" showAlternateHGridColor="0" plotgradientcolor="" SyAxisMinValue="0" SyAxisMaxValue="200" PyAxisMinValue="0" PyAxisMaxValue="0" exportCallback="FC_Exported" exportEnabled="1" exportAtClient="0" exportAction="save" exportHandler="http://localhost/app/FCExporter.jsp" exportShowMenuItem="0" showExportDialog="0">, <categories>, <category label="2005"/>, <category label="2006"/>, <category label="2007"/>, <category label="2008"/>, <category label="2009"/>, </categories>, <dataset parentYAxis='S' renderAs='COLUMN' color="E0A9A8" showValues="0">, <set />,<set />,<set />,<set />, <set value="2816130"/>, </dataset>, <dataset parentYAxis='S' renderAs='LINE' dashed="1" lineDashLen="5" lineDashGap= "6" showValues="0" anchorSides="4" showAnchors="1" anchorRadius="1" anchorBgColor="C0504D" lineThickness="3" color="C0504D" >, <set />,<set />,<set />,<set />, <set value="2816130"/>, </dataset>, <styles><definition>, <style name='myFont' type='font' color='000000' bold='1'/></definition> <application>,<apply toObject='legend' styles='myFont'/></application>, </styles>, </chart> Please find the attached images when rendered as javscript and flash
  23. I cannot get LogMSColumn2D. swf javascript chart in PhP to display the category dates on X-Axis. The feature works fine in non-logarithmic Column2D For the regular I am using : $date = date("D (jS)",strtotime($ors[0])) ; $strXML .= "<set label='".$date."' value='".$ors[1]."' color='00FF00'/>"; $strXML .= ""; For the LogMSColumn2D ( to get chart to display) I am using: $date .= date("D (jS)",strtotime($ors[0])) ; $strXML.="<categories> <category label='".$date."'/>"; $strXML.="</categories>"; $strXML.="<dataset> <set value='".$ors[1]."' color='00FF00'/>"; $strXML.="</dataset>"; $strXML .= ""; What am I missing?
  24. Hi, I have a number of piecharts whose sources are in seperate xml files and loaded via the FusionCharts method. I.e. var myChart = new FusionCharts( {swfUrl:"Pie2D.swf", id : "FusionCharts_1", width: 450, height: 300, renderAt: "chartdiv", dataSource : "data/Overv_T1_Executed_payments_en.xml", dataFormat: 'xmlurl' }) I also have a Javascript JSON object "piechartSettings" containing some settings that I wish to apply to each and every pie chart. var piechartSettings = { baseFontSize : 11, baseFont:'Verdana', bgColor: 'Transparent', bgAlpha: 0, showBorder:0, use3dlighting: "0", showshadow: "0", manageLabelOverflow: 1, showLegend: 1, showLabels:0, chartType:"pie", chartDim:"2D" } How can I update the chart data with this JSON object BEFORE the chart renders, so that all my charts have the same look and fell without having to resort to adding these parameters to each and every single xml file. I have tried setChartAttribute method, both before and after the render() method, but this does not result in anything. I have also tried it using the "Loaded" event, but this stilml results in a short flash rendering of the previous chart style: myChart.addEventListener('Loaded',function(eventObject,argumentsObject ){ myChart.setChartAttribute(piechartSettings) }) Does anyone have any experience doing this? A simple and effective way of controlling all charts look and feels with a single object? Thanks in advance, Björn (Belgium)
  25. Hello, I have a website that's been using FusionCharts for a while without any issues. But now I just realized that with IE11, the export functions I have built are no longer working. The printing and exporting works fine in all other version of IE, Firefox and Chrome, and even on IE11 when compatibility view is turned ON. I'm building the chart server-side like this: Dim chartHtml = FusionCharts.RenderChartHTML("Charts/FusionCharts/ScrollColumn2D.swf?registerWithJS=1", "", xml.ToString(), "MyChart", "100%", "350", False, True, True) I've noticed that when on IE10 or IE11 compatibility view, this renders an <object> element, but on IE11 it creates an <embed> element. And then the javascript functions I've been using are these: function printChart() { var chartToPrint = document.getElementById('MyChart'); chartToPrint.print(); } function ExportMyChartPDF() { var chartObject = document.getElementById('MyChart'); if (chartObject.hasRendered()) chartObject.exportChart({ exportFormat: 'PDF' }); } function ExportMyChartJPG() { var chartObject = document.getElementById('MyChart'); if (chartObject.hasRendered()) chartObject.exportChart({ exportFormat: 'JPG' }); } These functions throws errors saying the object does not support the "print" method, or the "hasRendered". "Object doesn't support this property or method" Do you know why is this happenning and if there's a way to fix it? Thanks.