Akash Biswas

  • Content count

  • Joined

  • Last visited

Posts posted by Akash Biswas

  1. Hi Sneha,


    The visual as per the provided image is due to the 3D lighting feature of the Doughnut chart which is enabled by default. You can disable the feature by setting the configuration attribute "use3DLighting" to "0".

    Please refer to the sample fiddle using your provided chart configuration attributes along with the above mentioned attribute : http://jsfiddle.net/w1b6kLdg/4/




  2. Hi,


    The "clickURL" attribute lets you to set the entire chart as a hotspot, so when a click interaction is made anywhere on the chart the provided url opens.

    When you are selecting from the export menu option, a click interaction is done hence the URL opens and the chart exports as well. This is an intended behavior.


    Alternatively, you can export the chart using the "exportChart()" API method of FusionCharts, by invoking it on a HTML button click(external to the chart) instead of the drop-down export menu selection. Refer to the below sample fiddle :





  3. Hi Prabu,


    Yes, you can selectively show the labels that you want to display on the chart by setting a configuration attribute explicitly within the data objects. Please refer to the sample below :



    You need to set "showLabels" attribute to "0" at chart-level attribute to "0" for hiding all the x-axis labels,
    and then set "showLabel" attribute to "1" within those "data" objects in the dataSource for which you want to show the labels on the chart.




  4. Hi,


    The string set to the attribute "dataLoadStartMessage" is displayed on the chart when the data is being loaded on to the chart. You can refer to the sample fiddle : http://jsfiddle.net/x7bvcqre/4/

    For the message details and when the respective messages are displayed, please refer to the documentation link : https://www.fusioncharts.com/dev/common-use-cases/change-chart-messages#__layout




  5. Hi,


    In a Drag node chart, the getJSONData() API method fetches the dataSource that is initially set to the chart constructor. Any changes by dragging does not modify the dataSource, so getJSONData() will always fetch the initial dataSource irrespective of any drag modification visually.




  6. Hi Munmun,


    The sample code has the chart type as "mscolumn2d" which does not support dual y-axis. Please check the Point 3 of the previous response in details where it was mentioned that the dual y-axis feature is supported in dual y-axis combination chart(mscombidy2d). Also check the sample fiddle provided : https://jsfiddle.net/rmL5w2cd/4/

    For further reference, check the documentation link : https://www.fusioncharts.com/dev/chart-guide/standard-charts/combination-charts#2d-dual-y-axis-combination-chart

    Please note : if the data plots for both the axes are set as column, the secondary plots overlaps the primary plots
    Reference documentation link : https://docs.fusioncharts.com/archive/3.13.0/upgrading/changed-behavior#secondary-data-plots-overlap-primary-data-plots-3


    The components "vLine" and "trendline" are separate elements on the chart.

    "vLine": The vertical separator lines by default do not appear, you need to set them in the "category" object array accordingly. Refer to the documentation for the details :

    "trendline": These are horizontal reference lines on the chart to show a trend, limit, target or range for interpreting the data. They do not appear by default, you need to define the "trendlines" object array which is a part of the dataSource. It is set to a specific y-axis value as provided in the "startValue" attribute of the "line" object. Please reefer to the documentation for the trendline structure : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/trend-lines-and-zones

    Also a sample fiddle for reference : http://jsfiddle.net/fusioncharts/0x1zrh55/

    You need to generate the dataSource of the mscombidy2d chart in your JSP code accordingly for implementing vLine and trendline on the chart.




  7. Hi Lee,


    As mentioned the "plotHighlightEffect" attribute lets you enable/disable the highlight effect, in the form of a fadeout, for the data plots belonging to the other  data series to fadeout by reducing their opacity.

    This opacity could be set using the "alpha" along with the "color" in the "plotHighlightEffect" attribute. By default the opacity is set to "50".

    Now, if you do not want the "plotHighlightEffect" to reduce the opacity of the other dataseries plots, then set "alpha" to "100"(or the same as you have set for the data objects) as below :
    plotHighlightEffect: "fadeout|color=#7f7f7f, alpha=100"

    And, if you do now want to set the color for the other dataseries on hovering a legend, then do not set the "color" within the "plotHighlightEffect attribute as below :
    plotHighlightEffect: "fadeout"




  8. Hi Munmun,


    Please find the answers to your queries in the sequence asked :

    1. FusionCharts internal algorithm sets a y-axis range(minimum and maximum) along with a good looking interval based on the provided plot values in the dataSource.
    If you want to set your own range and interval, you can customize it by setting the configuration attributes explicitly.

    For example - "yAxisMinValue": "0", "yAxisMaxValue": "3", "numDivLines": "5".
    This will display the values on the y-axis as 0, 0.5, 1, 1.5, 2, 2.5, 3.
    Sample fiddle : http://jsfiddle.net/d2femc6y/3/

    For reference : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/div-lines-and-grids#customize-the-number-of-divisional-lines

    Please note : If the data values exceeds 3, then the above configuration attributes need to be set accordingly to get an interval o f 0.5 on the y-axis.

    2. You can set the prefix or suffix to the values displayed on the chart by setting the "numberPrefix" and "numberSuffix" attributes accordingly. Please refer to the documentation ink for reference : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/number-format#add-number-prefix-and-suffix

    3. Yes, you can plot columns(series) on either of the y-axis in a dual y-axis combination chart(mscombidy2d). Sample fiddle : http://jsfiddle.net/rmL5w2cd/4/

    Please note : if the data plots for both the axes are set as column, the secondary plots overlaps the primary plots
    Reference documentation link : https://docs.fusioncharts.com/archive/3.13.0/upgrading/changed-behavior#secondary-data-plots-overlap-primary-data-plots-3

    4. Yes, you could set the anchors at individual data objects to highlight a single point in a msline chart.
    Sample fiddle : http://jsfiddle.net/fkv37jeh/1/




  9. Hi,


    FusionCharts "ready" static method allows you to register callback functions that are executed when the FusionCharts library is ready to be used. In general, the FusionCharts framework is ready after the DOMContentLoaded browser event has been triggered and all the initial dependent files/modules are available.

    So, it is recommended that all entry-point and initialization codes are written within the ready()function. Please refer to the sample fiddle : http://jsfiddle.net/9nzjdaeo/2/

    For reference you can check the documentation link for the "ready()" API method : https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods