Search the Community

Showing results for tags 'angular'.



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

  1. I'll start by explaining the parameters of the intended parameters of the chart. The chart is meant to cover a 24 hour period of the current day with a column for each hour. The current time format i am using is %-d/%-m/%Y %H:%M:%S. The values entered have a time range of 00:00:00->23:00:00. The table is constructed from 4 arrays each with an entry for every hour. The empty entrys which all have a value of 0 are included in the created table. So far there have been 3 issues: The time navigator is visually out of sync with the chart ie the Graph inside it is displayed as being an hour ahead of where it is. The columns are placed an hour ahead of where they should be ie 00:00:00 would be placed at 1AM. This can be corrected using the timezone offset but that doesnt correct the next point. The column pop ups display the time as being an hour ahead of where the column is ie the column from the previous point would have a pop up saying it was 2AM. These issues don't occur if the year is set in the 1900-1915 range so I am not sure if this is a bug or I'm making a mistake somewhere. Is it possible to create a chart with a 24 hour time frame and not include the dates. A secondary question I have is how do i trigger the selectionChange event in Angular? I want to retrieve current time range of the navigator and use it to filter a table. At the moment i am making use of the chartClick and chartMouseMove events to make to achieve the intended result but they dont take into account mouse scrolling. Is is possible to use or is there another event i can use?
  2. Manually re-render chart in Angular

    I am trying to cause the chart to re-render when new data is received. 1. I gave the fusioncharts element in the template a id of "#fc". <fusioncharts [width]="width" [height]="height" [type]="type" [dataSource]="dataSource" #fc > 2. I used the @ViewChild() to obtain a reference to the element @ViewChild('fc', { static: false }) fc: any; 3. Then I called the render() method on the reference. this.fc.render(); 4. Although the compiler recognized that a render() method exists on the reference. At runtime, a failure occurred stating that there is no render() method. ERROR TypeError: this.fc.render is not a function
  3. Hi all I've been taking a look at one of the sample Fusion Charts with Angular here - http://www.fusioncharts.com/angularjs-charts/#/demos/ex8 The example is easy to follow, with a dynamic change in the charts once you activate the function to change some of the data in the $scope. I've implemented something similar, and whilst I can see that the $scope value is being updated (via printing the value before and after the click event), the charts itself does not redraw and the previous $scope value remains. Is this something people have encountered problems with before? See images for an example. I can post the code if useful, however the fact the $scope can be seen as getting updated, suggests some other issues perhaps? Cheers Tom
  4. Fusion charts Excel Export

    Hello, I am getting this below error in the latest update. And also I am not able to see the excel export option on the rendered chart. All other option png, jpg and svg available. Earlier was able to see, after upgrading to latest fusioncharts getting the below error with no excel export option being displayed in the chart. zone.js:682 Unhandled Promise rejection: Loading chunk 13 failed. (error: http://localhost:4200/fusioncharts.excelexport.js) ; Zone: <root> ; Task: Promise.then ; Value: Error: Loading chunk 13 failed. (error: http://localhost:4200/fusioncharts.excelexport.js) at HTMLScriptElement.i (fusioncharts.js:13) at HTMLScriptElement.wrapFn (zone.js:1332) at ZoneDelegate.invokeTask (zone.js:423) at Zone.runTask (zone.js:195) at ZoneTask.invokeTask [as invoke] (zone.js:498) at invokeTask (zone.js:1744) at HTMLScriptElement.globalZoneAwareCallback (zone.js:1770) Error: Loading chunk 13 failed. (error: http://localhost:4200/fusioncharts.excelexport.js) at HTMLScriptElement.i (webpack-internal:///./node_modules/fusioncharts/fusioncharts.js:13:2212) at HTMLScriptElement.wrapFn (webpack-internal:///./node_modules/zone.js/dist/zone.js:1332:39) at ZoneDelegate.invokeTask (webpack-internal:///./node_modules/zone.js/dist/zone.js:423:31) at Zone.runTask (webpack-internal:///./node_modules/zone.js/dist/zone.js:195:47) at ZoneTask.invokeTask [as invoke] (webpack-internal:///./node_modules/zone.js/dist/zone.js:498:34) at invokeTask (webpack-internal:///./node_modules/zone.js/dist/zone.js:1744:14) at HTMLScriptElement.globalZoneAwareCallback (webpack-internal:///./node_modules/zone.js/dist/zone.js:1770:17) Any suggestion, highly appreciated
  5. Crash on navigate

    Hi, I use FusionCharts with Angular, but we still have errors after 2 or 3 navigation in our own application. The creation and the destruction goes wrong after a little while. zone.js:199 Uncaught TypeError: Cannot read property 'paper' of undefined at e.getFromEnv (fusioncharts.js:13) at t.winMouseHover (fusioncharts.js:29) at fusioncharts.js:13 at ZoneDelegate.ac_polyfills../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423) at Zone.ac_polyfills../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195) at ZoneTask.ac_polyfills../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (zone.js:498) at invokeTask (zone.js:1744) at globalZoneAwareCallback (zone.js:1770) zone.js:199 Uncaught TypeError: Cannot read property 'animationObj' of undefined at t.setAnimation (fusioncharts.js:14) at e.t._setRemoveAnim (fusioncharts.js:13) at fusioncharts.js:13 at c (fusioncharts.js:13) at e.t._removeUnusedGraphics (fusioncharts.js:13) at e.t.syncDraw (fusioncharts.js:13) at e.updateVisual (fusioncharts.js:13) at Object.t.__drawJob [as job] (fusioncharts.js:13) at y (fusioncharts.js:13) at ZoneDelegate.ac_polyfills../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423) at Zone.ac_polyfills../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195) at ac_polyfills../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask (zone.js:498) at ZoneTask.invoke (zone.js:487) at timer (zone.js:2281) Uncaught TypeError: Cannot set property 'data' of undefined at e._addChartDependency (fusioncharts.js:formatted:1) at e.setChartData (fusioncharts.js:formatted:1) at FusionChartsComponent.ac_main../node_modules/angular-fusioncharts/src/fusioncharts.component.js.FusionChartsComponent.updateChartData (fusioncharts.js:formatted:1) at placement-chart.component.ts:318 at ZoneDelegate.ac_polyfills../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423) at Object.onInvokeTask (fusioncharts.js:formatted:1) at ZoneDelegate.ac_polyfills../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422) at Zone.ac_polyfills../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195) at ac_polyfills../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask (zone.js:498) at ZoneTask.invoke (zone.js:487) at timer (zone.js:2281) at ____________________Elapsed_2764_ms__At__Tue_Jun_25_2019_17_58_28_GMT_0200__heure_d__t__d_Europe_centrale_ (localhost) at Object.onScheduleTask (fusioncharts.js:formatted:1)
  6. Crash on ticks

    When a scrollline2d, there is a case where _allTicks is undefined ticks = axisConfig._allTicks, len = ticks.length; And crash totally FusionCharts : zone.js:199 Uncaught TypeError: Cannot read property 'length' of undefined at CategoryAxis._parseCategoryPlotLine (fusioncharts.js:80291) at CategoryAxis._parseReferenceVisuals (fusioncharts.js:81690) at CategoryAxis._parseReferenceVisuals (fusioncharts.js:86654) at CategoryAxis.setVisibleConfig (fusioncharts.js:81559) at ScrollLine2D._setAxisScale2 (fusioncharts.charts.js:9514) at ScrollLine2D._setAxisScale (fusioncharts.charts.js:9636) at ScrollLine2D._spaceManager (fusioncharts.js:73503) at ScrollLine2D._manageSpace (fusioncharts.js:75024) at ScrollLine2D.manageSpace (fusioncharts.js:75402) at ScrollLine2D.updateVisual (fusioncharts.js:15894) at Object.ComponentBase.component.__drawJob [as job] (fusioncharts.js:15477) at executeJob (fusioncharts.js:14619) at ZoneDelegate.ac_polyfills../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423) at Zone.ac_polyfills../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195) at ac_polyfills../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask (zone.js:498) at ZoneTask.invoke (zone.js:487) at timer (zone.js:2281)
  7. Hi community I'm using the integration angular-fusioncharts v3.0.1 with our project which is developed with angular version 4, and it presents an issue when the timeseries chart (Fusiontime) is rendered on safari browser. The line is out of the x-axis when the user handle the time navigator, and also the time navigator has a background color gray. I test in safari versions, 12, 11.1 and 10.1, MacOS versions Mojave, Sierra and High Sierra We have implemented fusioncharts latest version 3.11.4 which contains fusiontime latest version v1 For more specifics, our project is built with angular v4.3.1 I'll very glad to you could support me, Thank you Greetings
  8. Hi, Can we display dates data in bar and column charts. I tried but it always shows in thousands. 2013 will be shown as 2k. Is there way to achieve this? Appreciate the response. Regards, rAvi
  9. I am trying below code for exporting chart data in excel having chart+data in trial version of FusionChart. but acing below error Error TS2307: Cannot find module 'path'. Code I am using is below. I have tried all combination which you can see in commented tags below. import * as path from 'path'; // const path = require('path'); // Require FusionExport // const { ExportManager, ExportConfig } = require('../'); // Instantiate ExportManager const exportManager = new ExportManager(); // Instantiate ExportConfig and add the required configurations const exportConfig = new ExportConfig(); // __dirname = path.resolve(path.dirname('')); // __dirname = path.resolve(); exportConfig.set('chartConfig', path.join( path.resolve(), 'resources')); // provide the export config exportManager.export(exportConfig, '.', true).then((exportedFiles) => { exportedFiles.forEach(file => console.log(file)); }).catch((err) => { console.log(err); });
  10. Hi, I have license key. How to apply license key to a trial license angular project? I have used license pack/js/*.js to override all of the same name js file in angular project's node_module/fusioncharts/. But this is not working.
  11. I'm new to FusionCharts and am currently evaluating it for use in a Angular 5.x project. Chrome and Edge browsers are working as expected but I receive a SCRIPT1006: Syntax Error with IE11. I followed the instructions provided in the Dev Center portion of the website https://docs.fusioncharts.com/archive/3.13.1/getting-started/angular/angular/install-using-angular Is there some additional steps required for older browser support? Thanks! FusionChart versions being used: fusioncharts: 3.13.1 angular-fusioncharts: 2.0.0
  12. 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:
  13. I am reading temperature and humidity from an API and displaying the temperature using Thermometer widget. But it is not rendering right (image attached). Appreciate any help. HTML and Script files attached. Using "version": "3.1.0" index.html script.txt
  14. Angular Plugin and ie8

    Hi, I am trying to get the Angular plugin to work for ie8. I am using Angular 1.2.28. Any advice? Thanks!
  15. Angular chart transparency

    Hi, I'm using the angular plugin, how do I get my chart to be transparent? This is my json: { "caption": 'chart', 'bgAlpha': '0', 'legendBgAlpha': '0', 'canvasbgAlpha': '0', 'legendBorderAlpha': '0', 'palettecolors': '#5bc0de,#1aaf5d,#f2c500', 'useplotgradientcolor': '0', 'showcanvasborder': '0', 'showColumnShadow': '0', 'showBorder':'0', 'plotborderalpha': '10', 'containerBackgroundOpacity': '0' } I still see a white background and canvas Thanks