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 70 results

  1. 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?
  2. 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?
  3. Hello, I'm working on an ASP.NET site that contains FusionChart (v 3.10.1) charts with the exportEnabled option set to true, and using the export.api3 URL to handle the image processing. However, whenever a user clicks on the button to save the image the page reloads/refreshes in addition to the image being saved. I know less about the HTML side than the code-behind, but the best I can tell is that a form on the page contains a default postback method with the page's URL, and that's being called when the export is executed. Is this common? Is there a way to fix this, from either the chart's end or the form's end? The form, by the way, is used to contain a couple of asp elements. Any insights would be most appreciated. Emilio
  4. Hello, I am working with FusionCharts v3.9 and am updating existing charts/dashboards to use it rather than flash-based charts. One thing the flash charts allowed us to do that I have had trouble re-creating is the ability to add menu options to the right-click menu. In 3.2 we added an option to show the chart data, which is often aggregated counts from a machine in a factory (i.e. it reports 5 good quantity every so often, and the chart displays the summation of those counts to each time bucket). Is it possible in Javascript/HTML5 charts to add an option to the chart export menu to do this, or is there an easy workaround? Thanks.
  5. Hello, I was wondering if it was possible to add to the menu of chart export options. I am evaluating an upgrade from 3.2.2 to 3.9, and the current production charts (rendering with Flash) have an addition to their context menu allowing the user to view the chart data in a manner similar to Excel. Without the context menu in the Javascript charts, is it possible to either add a node to the chart export menu for this option, or add a button below it that calls the same function?
  6. 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.
  7. 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.
  8. Hi, I recently upgraded FusionCharts from 3.2.4 to 3.7.1 and am loving the new support for themes and custom colors and fonts. However, when I select no theme and render a multi-series line or multi-series area graph, no plot data shows, even though it does with FusionCharts 3.2.4 or when a theme like fint, ocean, or zune is selected. I suspect this might be an internal bug, because I have tried altering the FusionCharts JSON for said chart (deleting the theme property, setting the theme property to "standard" or "original", manually setting palette colors), but that didn't help. Below I have pasted the JSON config of the non-rendering 3.7.1 chart and the working/rendering 3.2.4 chart. 3.7.1: "{"chart":{"caption":"New Graph","exportEnabled":"1","exportAtClient":"1","exportHandler":"https://cluster.apridev.info/cb_trunk/webroot/report/exportfusionchart/","exportAction":"download","exportTargetWindow":"_self","exportfilename":"NewGraph","exportparameters":"exportTargetWindow=_self","theme":"standard","canvasPadding":"30","legendAllowDrag":"1","captionFont":"Arial","captionFontSize":"14","captionFontColor":"#000000","outCnvBaseFont":"Arial","outCnvBaseFontSize":"12","outCnvBaseFontColor":"#333333","labelFont":"Arial","labelFontSize":"12","labelFontColor":"#333333","valueFont":"Helvetica","valueFontSize":"12","valueFontColor":"#333333","toolbarX":588},"categories":{"category":[{"label":"1.50"},{"label":"2.00"},{"label":"2.50"},{"label":"3.50"}]},"dataset":[{"seriesName":"Administration","data":[{"showValue":0,"value":"0"},{"value":"14"},{"showValue":0,"value":"0"},{"showValue":0,"value":"0"}]},{"seriesName":"Instruct Classes","data":[{"value":"7"},{"value":"9"},{"showValue":0,"value":"0"},{"showValue":0,"value":"0"}]},{"seriesName":"Mentoring","data":[{"showValue":0,"value":"0"},{"value":"17"},{"showValue":0,"value":"0"},{"showValue":0,"value":"0"}]},{"seriesName":"Resume Building","data":[{"showValue":0,"value":"0"},{"showValue":0,"value":"0"},{"value":"12"},{"showValue":0,"value":"0"}]},{"seriesName":"Special Event","data":[{"showValue":0,"value":"0"},{"showValue":0,"value":"0"},{"showValue":0,"value":"0"},{"value":"36"}]}]}" 3.2.4: "{"chart":{"caption":"New Graph","title_font_type":"Arial","subtitle_font_type":"Arial","axis_labels_font_type":"Arial","data_labels_font_type":"Helvetica","title_font_size":"14","subtitle_font_size":"12","axis_labels_font_size":"12","data_labels_font_size":"12","title_font_color":"#000000","subtitle_font_color":"#000000","axis_labels_font_color":"#333333","data_labels_font_color":"#333333","theme":"standard","canvasPadding":"30","legendAllowDrag":"1"},"categories":{"category":[{"label":"1.50"},{"label":"2.00"},{"label":"2.50"},{"label":"3.50"}]},"dataset":[{"seriesName":"Administration","data":[{"showValue":0,"value":"0"},{"value":"14"},{"showValue":0,"value":"0"},{"showValue":0,"value":"0"}]},{"seriesName":"Instruct Classes","data":[{"value":"7"},{"value":"9"},{"showValue":0,"value":"0"},{"showValue":0,"value":"0"}]},{"seriesName":"Mentoring","data":[{"showValue":0,"value":"0"},{"value":"17"},{"showValue":0,"value":"0"},{"showValue":0,"value":"0"}]},{"seriesName":"Resume Building","data":[{"showValue":0,"value":"0"},{"showValue":0,"value":"0"},{"value":"12"},{"showValue":0,"value":"0"}]},{"seriesName":"Special Event","data":[{"showValue":0,"value":"0"},{"showValue":0,"value":"0"},{"showValue":0,"value":"0"},{"value":"36"}]}]}" Let me know if you need any more info.
  9. 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
  10. 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
  11. 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 HKDeveloper@zoho.com. SHK2.pdf
  12. I'm working on a large existing Angular application that has a requirement for a dashboard. I've added fusion charts via https://github.com/SunGard-Labs/angular-fusioncharts/. It is looking good but I'm concerned at the complexity of the javascript I'm writing. I need 'drill down' on a multi-series chart (which has variable aggregation) to open a tabular report listing the rows corresponding to the data aggregated into the selected bar. I've wired in a link function that opens the relevant page with the filters set depending upon the parameters so it all works but corrupts the global name space with a function (_ARD) to call back into the chart service and feels like I'm jumping through too many hoops to achieve the goal. Is there a better way to do this? angular.module('dhuiApp').factory( 'FCCharts', function () { var charts = {}; var factory = { charts: charts }; function specializeChart(existing_name, specialization_name){ var newChart = jQuery.extend(true, {}, charts[existing_name]); newChart.name = specialization_name; charts[specialization_name] = newChart; } charts.multi_series = { name: 'multi_series', chart: { caption: "Caption", xAxisName: "X Axis", yAxisName: "Y Axis", theme: "fint" }, categories: [ { category: [] } ], dataset: [], seriesNames: [], categoryLabels: [], makeSeriesItem: function(categoryIdx, seriesIdx){ // Make fc link string so we can do our own drill down // Use _ARD global function to get back into this service var categoryLabel = this.categoryLabels[categoryIdx]; var seriesName = this.seriesNames[seriesIdx]; var params = [this.name, categoryLabel, seriesName]; return { value: 0, link: 'j-_ARD-'+params.join('-') }; }, newCategory: function (label){ // confused naming - fc has an extra 'category' layer under categories var seriesIdx, series; var category = {label: label}; var categoryIdx = this.categoryLabels.length; // about to add it this.categories[0].category.push(category); this.categoryLabels.push(label); // Add category to all series var num_series = this.dataset.length; for (seriesIdx = 0; seriesIdx < num_series; seriesIdx++){ series = this.dataset[seriesIdx]; series.data.push(this.makeSeriesItem(categoryIdx, seriesIdx)); } }, newSeries: function(series_name){ var series = { seriesname: series_name, data: [] }; var categoryIdx; var seriesIdx = this.seriesNames.length; // about to add it var num_categories = this.categories[0].category.length; for (categoryIdx = 0; categoryIdx < num_categories; categoryIdx++){ series.data.push(this.makeSeriesItem(categoryIdx, seriesIdx)); } this.dataset.push(series); this.seriesNames.push(series_name); }, getCategory: function(dt, aggregation){ var dt_format = { Day: 'shortDate', Week: 'ww/YY', Month: 'MMM/YY' }[aggregation] || 'MMM/YY'; return dt.format(dt_format); } }; specializeChart('multi_series', 'uploads'); charts.uploads.populate = function(report, from_dt, to_dt, aggregation, linkFn){ var i; var num_rows = report.rows.length; var row, series_name, category_label; var series_data; // do the preamble this.chart.caption = report.title || 'Untitled'; this.chart.xAxisName = aggregation; this.chart.yAxisName = this.chart.caption; // clear any existing data this.linkFn = linkFn; this.categoryLabels = []; this.seriesNames = []; this.categories[0].category = []; this.dataset = []; // Extract the data from the rows for (i = 0; i < num_rows; i++){ row = report.rows[i]; category_label = this.getCategory(row['Added On'], aggregation); if (this.categoryLabels.indexOf(category_label) == -1){ this.newCategory(category_label); } series_name = row['Type']; if (this.seriesNames.indexOf(series_name) == -1){ this.newSeries(series_name); } series_data = this.dataset[this.seriesNames.indexOf(series_name)].data; series_data[this.categoryLabels.indexOf(category_label)].value += 1 } }; factory.getChart = function(chart_name) { return charts[chart_name]; }; factory.linkClicked = function(s){ var params = s.split('-'); console.log(params[0]); console.log(charts[params[0]]); charts[params[0]].linkFn(params.slice(1)); }; return factory; }); /* Not having the event listeners working (might be a better solution if I could get them working): _ARD is used in the link text as the fusion chart function. This is nasty global pollution to link the angular scope to the chart data and I'd love a better method. */ function _ARD(s){ var fc_charts = angular.element(document.querySelector('.ng-scope')).injector().get('FCCharts'); fc_charts.linkClicked(s); } I have wondered about rewriting the angular directives so that I use a specialization of the fusioncharts object as my 'intelligent chart object' (exposing the fusion chart object in the service) but with two angular fusioncharts packages already out there, a third seems like overkill. I'm going to be adding quite a few charts with similar drill down to tables representing the selected underlying data (sometimes through the intermediary of drill down charts) which is why I've set this up so that I can add more charts.
  13. Hello, I can't get the 'unescapeLinks' property to work. I'm kind of new to FusionCharts so I might be doing something wrong. We use the FusionCharts jquery Plugin and version fusioncharts/3.2.3-sr2.6105. I've tried a few combinations. Right now here's how my code stands. First, there's a call to insertFusionCharts with the following json: { swfUrl: CTX_SWF + "/Column2D.swf", dataFormat: "json", width: "100%", height: "100%", unescapeLinks: "0" // I don't think this belongs here but I put it in a desperate attempt to make it work. } Then we call updateFusionCharts with the following JSON: { "chart": { "adjustDiv": "0", "baseFontColor": "FFFFFF", "bgAlpha": "100", "bgColor": "000000,2D2D2D", "canvasBgAlpha": "0", "canvasBgColor": "000000", "canvasBorderAlpha": "0", "canvasBorderColor": "0000000", "canvasBorderThickness": "0", "divLineColor": "444444", "legendBgAlpha": "100", "legendBgColor": "000000", "legendBorderColor": "000000", "legendShadow": "0", "paletteColors": "EB7800, 27A0FF, D90000, 36D900, FFFF00, FF00FF, 7F00FF, 0059B2, 00FFFF", "plotFillRatio": "100", "showAlternateHGridColor": "0", "showBorder": "0", "showCanvasBg": "0", "toolTipBgColor": "000000", "unescapeLinks": "0", "use3DLighting": "0", "xAxisName": "Nome", "yAxisMaxValue": "3728353.639500000157687773505443828980787657201290130615234375" }, "data": [ { "label": "Sean Montgomery", "value": "3066783.84", "link": "#detail/1034/nome=Sean+Montgomery&" }, { "label": "Sean Carroll", "value": "1607287.58", "link": "#detail/1034/nome=Sean+Carroll&" }, { "label": "Sean Wood", "value": "405788.52", "link": "#detail/1034/nome=Sean+Wood&" }, { "label": "Sean Torres", "value": "2871859.64", "link": "#detail/1034/nome=Sean+Torres&" }, { "label": "Sean Torres", "value": "2878499.31", "link": "#detail/1034/nome=Sean+Torres&" }, { "label": "Sean Montgomery", "value": "128443.37", "link": "#detail/1034/nome=Sean+Montgomery&" }, { "label": "Sean Richardson", "value": "3550812.99", "link": "#detail/1034/nome=Sean+Richardson&" }, { "label": "Sean Andrews", "value": "1907075.30", "link": "#detail/1034/nome=Sean+Andrews&" }, { "label": "Sergio Finanças/barra", "value": "999999.44", "link": "#detail/1034/nome=Sergio+Finan%C3%A7as%2Fbarra&" } ] } When I click one of the columns on a javascript-redered chart, I get the unescaped URL, and that doesn't work because the URL for the last data point has an escaped forward slash. When I use the flash-rendered version it works fine. The URL is as it is in the JSON I've passed. Any thoughts on why this would happen? How to get around it? Thanks in Advance!
  14. Hello, Version: Fusion Charts 3.3.1 R3 Renderer: JavaScript - Works better in my project. Issue: Currently the FusionCharts are not firing the DrawComplete or Rendered events. This doesn't happen all the time, the first time the page loads with all the charts the events are all fired properly. However when a user filters the charts down using a combobox, the new charts that are displayed no longer fire all the events. They do however display correctly, render complete with data properly. This is an issue because I display a load mask that waits until all charts that fire the initialized event fire the rendered event. The loadmask now never disappears. It also affects my pdf rendering as the load manager never fires the page complete event. How I am creating the chart object: How I am rendering the chart :snippit: I also run this code before creating the new charts: How do I ensure that the chart that displays correctly fires the Rendered event? Jacob UPDATE #1 When switching the page: the Debug renders. (Looks like the Initialized is firing too many times.) Just the initialized and rendered events from below (Should be 8 init and 8 Rendered - 14 init 8 rendered) Entire log
  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 have a script that plots dots using nv.models.scatterChart(). Although my input in .datum(data) is the same, it varies what dots are on top in the plot. How can I control which dots are on top? The problem is that some of the dots are hidden behind other dots which is not what I want. Thanks Ben
  18. I am using Javascript fusion chart for my work and taking data from a database. The data I am getting on my bars in bar chart is shifted by 1 row for 1 legend only. As in for my 3rd bar data the chart is taking is of 2nd row in my table from database insted of 3rd row from the table. Same is the situation for other bars too for the same legend.4th bar is picking up the data of 3rd row. Table and query is correct as in dbvisualizer query is giving exact table that I need. This issue is coming only for secured user. Corporate and other user are not facing any difficulty. Any suggestion what is the problem? In Attached image u can see my last value is 0 bt i am getting second last value i.e. 575 something on my last bar.
  19. Hi, I'm using heatmap and the dataplotclick event. Using args I can get to which datavalue I'm clicking and then i want to change that point properties, is that possible? For example: clicking in a heatmap point I want to change it alpha value. Thank you and hope you understand my needs, Bessa
  20. 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.
  21. 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..
  22. hello, I have a series of webpages that use RealTimeArea.swf to graph the number of calls coming in. We have been trying to move over to using the Javascript (HTML5) rendering engine, so that more browsers can show the graphs for our clients, but we still have to support IE8 and 9. I have enclosed the code that is used to create and give the chart some data. it is the same for all instances of our web page. we use: <script type=""text/javascript"">FusionCharts.setCurrentRenderer('javascript');</script> when we want the charts to be forced over to javascript rendering. The issue we are having is that the category labels on the x-axis are not always showing. I can see in the data that I have them, but the HTML5 renderer does not show them. The flash version does. any ideas why? thanks Geordi fusion chart code.txt
  23. 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.
  24. 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!
  25. 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?