Akash Biswas

Moderators
  • Content count

    417
  • Joined

  • Last visited

Posts posted by Akash Biswas


  1. Hi Mayur,

     

    Yes, you can achieve your stated requirement with the help of a JavaScript function, that will modify your dataSource for those data objects having values greater than 100. That is, the "color" attribute only for the data object value greater that 100 will be set to GREEN.

     

    Then render the chart with the modified dataSource.

    Please check a sample fiddle implementing the above technique : http://jsfiddle.net/Akash008/3a5txvtt/


  2. Hi,

     

    The current functionality of Legend interactivity in any Multi-series chart, is when you click on a legend item it hides/shows its respective series, irrespective of other series are hidden/shown.

     

    Your requirement is to show the series(Example - A series), only when its respective legend is clicked.

    Then on legend item click of another series(Example - B series), its series(B) will be shown, hiding the previous series A.

     

    This could be achieved with the below mentioned way :

     

    1. Initially, all the series dataset must be set to visible - false.

    2. On "legendItemClicked" event function, first fetch the dataSource from the sender property of the "eventObj". Then iterate through all the dataset objects and set the "visible" attribute to "0" to hide all the series.

    Then, only the clicked Legend series is enabled using the dataSet index using "dataObj" event parameter.

     

     

     

     

     

    Example : eventObj.sender.args.dataSource.dataset[dataObj.legendItemIndex].visible = 1;

     

    3. Finally, set the modified "sender.args.dataSource"  using the API method "setJSONData()" as below :

    eventObj.sender.setJSONData(eventObj.sender.args.dataSource);

     

    Please find a sample fiddle implementing your required functionality using the above technique : http://jsfiddle.net/Akash008/yg6o91gf/2/

     

    Find the links below for further references :

    Event : http://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events.html#event-legendItemClicked

    API method : http://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods.html#setJSONData

     

    Thanks,

    Akash.


  3. Hi,

     

    We are considering your valuable suggestion and will have internal discussion for the same.

     

    Meanwhile, you can find a sample implementing your required feature in Radar Chart using the adavanced feature of Text Annotations : https://jsfiddle.net/Akash008/44y8sohp/167/

     

    As an alternate solution, please check the sample in which, the Text annotation items are updated with the data values and the color for them.

     

    Hope this helps.

     

    Thanks,

    Akash.


  4. Hi,

     

    Your required scenario is not achievable natively using the FusionCharts Angular Gauge.

     

    The gauge pointer will always start from the lowerLimit of the gauge to the value specified in the "value" attribute of the "dial" object. If you have the lower limit as "0", the pointer will start from "0". This is the functionality of the Angular Gauge.

     

    Partially your scenario could be achieved if you set the attribute "lowerLimit" same as the value you want to start the gauge with.

     

    To do so, you can set the lowerLimit using the "setChartAttribute()" method and then set the dial value using the feedData() method.

     

    Check the sample fiddle : http://jsfiddle.net/Akash008/tokj2dkj/1/

     

    Thanks,

    Akash.


  5. HI,

     

    Thanks for the query.


    Please visit the link for retrieving data from database to create a chart : 
    Also refer to the link for loading data in xml : 

    The links being provided for the server-side language - PHP.
     
    Please let us know if you want for any other server-side language
     
    Hope this helps.