Akash Biswas

Moderators
  • Content count

    397
  • Joined

  • Last visited

3 Followers

About Akash Biswas

  • Rank
    Supreme Being

Recent Profile Visitors

2,000 profile views
  1. Weird chart behaviors

    Hi, 1. and 2. The updating data to the chart is working fine, with the previous rendered data and adding the new ones to the right of the canvas. Check this showcased sample for reference : https://www.fusioncharts.com/fusiontime/examples/add-data-in-real-time Please refer to the code reference in the above link to implement accordingly in your implementation. 3. 4. and 5. These are not supported attributes of FT charts. Please check the supported list of configuration attributes of FT charts : https://www.fusioncharts.com/dev/fusiontime/fusiontime-attributes 6. The dynamically updating chart using feedData() API method keeps adding from the right of the canvas and the data plots moves out from the other end. This is the intended feature, and cannot be disabled to stop the plots to move out since when number of data values constantly being fed into a chart, it can slow down browser performance, or even cause a browser crash. To avoid this, use the optional chart level attribute timeSpread, to specify the total time interval you want to display in the chart at a given instant. Documentation for reference : https://www.fusioncharts.com/dev/fusiontime/getting-started/real-time-data-in-fusiontime Thanks, Akash.
  2. Timeseries with trendlines

    Hi, You can customize the reference line, check the attribute list for the supported configurations : https://www.fusioncharts.com/dev/fusiontime/fusiontime-attributes#reference-lines Also check this showcased sample with the dataSource below for reference : https://www.fusioncharts.com/fusiontime/examples/multiple-reference-lines-on-same-chart?framework=javascript Also find a sample fiddle for reference : https://jsfiddle.net/92kjpguv/ Please note : The labels will be displayed when the notches of the reference lines are hovered over of a FT charts. Thanks, Akash.
  3. Timeseries with trendlines

    Hi, The mspline is a supported chart type of FusionChartsXT product, and a timeseries is a chart type of FusionTime product. You check the "Reference lines" feature of FT charts, which is similar to the trendlines feature of FC charts. Please check the below documentation link for reference to FT - Reference lines feature : https://www.fusioncharts.com/dev/fusiontime/fusiontime-component/reference-line-in-fusiontime Please note : FT and FC are separate products with different features and implementation ways. Thanks, Akash.
  4. 2D Doughnut Chart Formatting

    Hi James, The internal algorithm of FusionCharts automatically adjusts the space management based on the provided chart dimensions(height and width) of the Doughnut charts. However, this space management is disabled if you explicitly set the component dimensions like pieRadius attribute configurations. So to achieve a similar visualization as per your required one, check this modified dataSource by removing the explicit configuration attributes : http://jsfiddle.net/ynLprt9h/2/ Please note : Keep the configuration attributes "manageLabelOverflow" and "useEllipsesWhenOverflow" enabled as it would automatically adjust and avoid labels to go out of the canvas when a larger font size is set to the labels using "labelFontSize" configuration attributes. Thanks, Akash.
  5. Hi, The SWF files are deprecated long back which were used in the Flash based versions of FusionCharts. To render charts using the JS version library you need to include fusionchart.js and fusioncharts.charts.js to render the charts from FusionChartsXT package. Refer to the JavaScript resources in the settings of the below CodePen sample : https://codepen.io/Akash008/pen/yLypzZa Trial version download link of current version 3.15.0-sr.1 : https://www.fusioncharts.com/download/fusioncharts-suite-xt?framework=js Documentation guide to upgrade from Flash version to the current JS version of FusionCharts : https://www.fusioncharts.com/dev/upgrading/from-flash-to-javascript To render your first chart, refer to this documentation link for the steps and instruction : https://www.fusioncharts.com/dev/getting-started/plain-javascript/your-first-chart-using-plain-javascript Thanks, Akash.
  6. Hi, You can use the "plotSpacePercent" configuration attribute to define the space in percentage out of the entire canvas width that would be set in between the plots. Reference sample : http://jsfiddle.net/2zc7yrkg/2/ Thanks, Akash.
  7. Blub Formating

    Hi James, You can try this work-around solution for your requirement to display caption on the sides of the Bulb Gauge, using Text annotations to place any custom string anywhere on the chart by specifying its "x" and "y" co-ordinates in pixels. Check this sample fiddle for reference : http://jsfiddle.net/jxg2muv3/1/ You need to set the margin attributes accordingly to set space on the chart to position the text annotation. To know more about Text annotations, check this documentation link : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/annotations/creating-annotations/create-text-annotations Please note : Annotations are static in nature. Thanks, Akash.
  8. Blub Formating

    Hi James, The caption of a Bulb Gauge could be configured to be displayed on the top or at the bottom of the gauge, it is not supported to display them by the sides of the bulb gauge. Though you can horizontally align the caption. Please check the attribute list in the below link for the supported caption cosmetics configuration attributes : https://www.fusioncharts.com/dev/chart-attributes/bulb Thanks, Akash.
  9. Hi Apurva, Please find the possible solutions for the queries in the sequence asked : 1. The labels are automatically aligned towards the chart canvas for either of the y-axis positions. It cannot be aligned explicitly. 2 and 3. It is possible to wrap the long labels, and you can set the maximum width of the labels allowed in percentage out of the entire chart width. If the labels exceed the mentioned percentage then they would be wrapped automatically. Supported attributes : minLabelWidthPercent and maxLabelWidthPercent. Refer to the sample fiddle : http://jsfiddle.net/yadLstb5/1/ Also check the attribute list for the description of the mentioned configuration attributes : https://www.fusioncharts.com/dev/chart-attributes/heatmap Thanks, Akash.
  10. FusionWidgetXT Funnel Chart not working with Angular 9

    Thanks for the acknowledgement.
  11. FusionWidgetXT Funnel Chart not working with Angular 9

    Hi, It seems that the chart is not getting the data correctly, hence it is not rendering the chart and the error is generated. Please refer to the below sample rendering the Funnel chart using the Angular plugin : https://codesandbox.io/s/funnel-charts-angular-mjs6q?file=/src/app/app.module.ts Thanks, Akash.
  12. Chart loads only initialized data

    Many thanks for the acknowledgement!
  13. Chart loads only initialized data

    Hi, It seems that the chart is rendering using the initial values set to the "processedData" variable, but the "processedData" variable is getting updated with the fetched values after the chart is rendered(with initial data). As it is taking a while to execute the query to fetch the data, by then it is rendering the chart with the initial data. Please ensure that you are rendering the chart after the data is fetched and the "processedData" variable is updated. You could check that by setting a delay accordingly to render the chart so that the variable is updated with the fetched data. Check these samples for reference : Fiddle similar to your scenario : http://jsfiddle.net/va8nyfzx/3/ Fiddle setting a delay to render the chart : http://jsfiddle.net/va8nyfzx/4/ Thanks, Akash.
  14. Animation for value AngularGauge

    Hi, The supported animation on an Angular Gauge is for the pointer that animates its move from the lower limit of the gauge to its set value on the gauge scale. It does not support for any additional animation for some part of the gauge. You can check the sample fiddle for reference : http://jsfiddle.net/pcrxoys8/3/ Thanks, Akash.
  15. Hi, Please check the configuration attributes set for the legend display in the provided fiddles, for displaying the legends in a single column check the first sample fiddle in the previous post - "legendNumColumns": "1" is set in the chart-level dataSource. Similarly, for legends to be set in multiple columns check the second fiddle provided. For possible configurations of legends, check the provided documentation link in the previous post. Thanks, Akash.