Akash Biswas

Moderators
  • Content count

    47
  • Joined

  • Last visited

1 Follower

About Akash Biswas

  • Rank
    Advanced Member

Recent Profile Visitors

1,013 profile views
  1. Hi Colly, To place a circle on a specific bar on the chart, you need to use the Circle annotation feature of FusionCharts. Circle annotations are static elements that could be placed anywhere on the chart by setting the "x" and "y" co-ordinates accordingly. Please refer to the below documentation for further information regarding Circle annotation : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/annotations#circle-12 To place the annotations you could also use the pre-defined macros, please refer to the documentation : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/annotations#use-macros-17 Also find a sample fiddle for reference : http://jsfiddle.net/y3H2G/4572/ Thanks, Akash.
  2. Tick Values in HLinearGauge

    Hi, The ColorRange object defines the sectional colors of the range as defined by the min, max, code in the individual "color" objects. However, the tick marks of a gauge are placed on equal intervals continuously throughout the horizontal line depicting a scale. So, the tick marks cannot be discontinuous in nature to plot at values like 0, 75, 90, 100. For further reference to tick marks, please check this link : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/tick-marks Thanks, Akash.
  3. Beginners guideline

    Hi, As of now we do not have a YouTube tutorial. However rendering a simple chart is pretty easy. FusionCharts is a JavaScript charting library, to install it all you need is to download it and paste it in your project folder. The download package includes a list of JS files, which you need to include in your web page or application. Regarding installation of FusionCharts refer to the following documentation link : https://www.fusioncharts.com/dev/installation/client-side-frameworks/install-using-plainjs Please refer to the simple step by step instructions in the "Build your first chart" documentation link : https://www.fusioncharts.com/dev/chart-guide/getting-started/building-your-first-chart#include-fusioncharts-suite-xt-library-2 Also find a sample project in the DropBox link rendering a chart following the above steps : https://www.dropbox.com/s/pj4li4s9psh7y45/Simple Column chart - 3.12.2.zip?dl=0 Thanks, Akash.
  4. Hi Suresh, FusionCharts accepts data in a prescribed JSON/XML format only. The file that you have provided is having raw data, and not in the accepted or prescribed format of FusionCharts. It must be in the prescribed JSON or XML format only You need to implement the logic and the required code to convert your data into the required format before it is fed to the FusionCharts constructor dataSource. Thanks, Akash.
  5. position of Text in a stackedbar2d

    Hi Reksio, In your implementation of annotations in StackedBar chart is not utilizing the macros optimally, because you are placing the annotation texts on the first dataset(Grey - #D9D9D9), but you are setting the macro in "x" attribute with respect to the second dataset(Green or Red) as below : "x": "$dataset.1.set.0.X - 320", which is not a proper implementation. You need to set the macros in the "x" attribute with respect to the dataset and set(plots) on which you are displaying the annotations. This will help you to align them all using the same padding with the macros for the respective annotations. Refer to the code below : Plot 1 - "x": "$dataset.0.set.0.STARTX+30", Plot 2 - "x": "$dataset.0.set.1.STARTX+30", Plot 3 - "x": "$dataset.0.set.2.STARTX+30", Plot 4 - "x": "$dataset.0.set.3.STARTX+30", Plot 5 - "x": "$dataset.0.set.4.STARTX+30", Also find a Sample fiddle for reference : http://jsfiddle.net/1t8bv9cb/ Thanks, Akash.
  6. Chart won't render when using ssgrid as the type

    Hi, SSGrid chart used to render in flash before 3.4 version which is deprecated now, from 3.4 FusionCharts renders in pure javascript. After FusionCharts ported from flash architecture to JS architecture no active development has being done for this chart type, and currently it has been deprecated and no longer supported. Thanks, Akash.
  7. Trendlines behind 3D Graphs

    Hi, The 3D charts do not support displaying the trend-lines on top is an intended behavior, as the y-axis is not 3D in any of the 3D charts. Hence placing the trend-line on top(of the plots) is not possible as of now. As an alternative solution, you could use the Annotations feature to achieve the same. Please refer to the below sample fiddle : http://jsfiddle.net/pzhh8x37/ Reference guide to know about Annotations : https://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/creating-annotations/creating-shape-annotations.html#line Thanks, Akash.
  8. Hi Shrabanee, Updating a dataSource with annotation using "setJSONData()" API method is working fine at our end in FireFox browser. Please refer to the below sample fiddle where the dataSource is updated on drop down menu select : https://jsfiddle.net/c7jht1vy/ Hope this helps. Thanks, Akash.
  9. Hi Shrabanee, FusionCharts Stacked charts displays the values for the plots with zero value, as zero is also considered as a valid value. However, if you do not want to display the value when it is zero, then you need to set the "showValue" attribute to "0" for that respective data objects value to be hidden. Sample fiddle : http://jsfiddle.net/9o9zx0xj/ For further reference, please check this documentation link : https://www.fusioncharts.com/dev/basic-chart-configurations/data-values.html Thanks, Akash.
  10. Hi Rupali, FusionCharts can be integrated in a Polymer Application by defining a custom element and registering it to a class. Then this custom element is used to render the chart on a page. Please refer to the below blog post link for steps to create a PolymerJS sample to render FusionCharts along with a sample for reference : https://www.fusioncharts.com/blog/charts-polymer-application/ Thanks, Akash.
  11. Multiple charts print alignment issues

    Hi Krishna, Please check the below sample rendering two Pie 2D charts side by side, and using window.print() to print both the charts : http://jsfiddle.net/rzmtpqL9/ Also find the attached file printed with alignment as it is rendered. However, you can also check the FusionCharts API method - resizeTo() that could be used to set the chart with new dimensions. Check the documentation of the same below : https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods.html#resizeTo Hope this helps. Thanks, Akash. FusionCharts - Gallery Example - Pie 2D Chart - JSFiddle.pdf
  12. Can I change Legend text for 3D pie chart?

    Hi Shrabanee, Please check this modified fiddle : https://jsfiddle.net/tvm04b5y/ Thanks, Akash.
  13. Can I change Legend text for 3D pie chart?

    Hi Shrabanee, The legends in Pie chart represents its pie slices, and the individual legends are identified by the labels of the slices. It is not possible to show the values instead of the labels for each legend items. Alternatively, you could use Text annotations to place the values beside the legends with the associated labels with them. Also find a sample fiddle using Text annotations to position the values with the legends(on Right) : http://jsfiddle.net/6om2nyrL/ To know more about Text annotations, please check the below documentation link : https://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/creating-annotations/creating-text-annotations.html Also find the link for "drawComplete" event to dynamically set the annotations : https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events.html#event-drawComplete Please note : Annotations are static in nature, though it can be placed dynamically using the supported macros : https://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/positioning-annotations-using-macros.html Thanks, Akash
  14. Hi, To have legends in a single-series Column chart, you need to use the Multi-series Column chart type where only one series must be provided in the dataSource. This will have the legend shown for the only one series that is present. Refer to the sample fiddle : http://jsfiddle.net/ged6eoxo/ Thanks, Akash