Akash Biswas

Moderators
  • Content count

    417
  • Joined

  • Last visited

Everything posted by Akash Biswas

  1. Hi Mayur, Please check this fiddle : http://jsfiddle.net/Akash008/8z3om8e4/ The trend-line is plotted on the Secondary y-axis in the above sample. Use the below attribute entry in the "line" object : "parentYAxis": "s" Hope this helps.
  2. 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/
  3. Invert the Legend Interaction

    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( 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.
  4. same value font color than seriesname color

    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.
  5. FusionWidgets XT - Angular Gauges - Animation

    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.
  6. Display value inside and outside stacked bar

    Hi, The Multi-series Stacked Chart cannot have its plot values placed outside the column plots. Since placing it outside the stacks would affect the visualization. Please note : Only the "showSum" value will be placed on top of the stacks. Hope this helps. Thanks, Akash Biswas.
  7. Gauge with XML

    HI, Thanks for the query. Please visit the link for retrieving data from database to create a chart : http://www.fusioncharts.com/dev/using-with-server-side-languages/php/creating-charts-with-data-from-a-database.html Also refer to the link for loading data in xml : http://www.fusioncharts.com/dev/using-with-server-side-languages/php/different-ways-of-loading-data.html 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.