Ayan Bhadury

We would let you know when its stable in our future releases.

As stated earlier since the attributes are still in development phase hence the documentation regarding the attributes are currently not available. transposeAnimation lets you update your chart in an animated way, whereas transposeAnimDuration allows users to specify loading animation duration on data update.

As of now, you could either use valuePosition attribute to handle the overlapping situation or you could set showvalues as 0 for a particular series.

Good to know that the problem was solved.

There have been various performance improvements made in our latest version i.e. 3.12.2, kindly upgrade to the latest version if you want more optimized performance. We checked a sample line chart on IE Edge with 1000 data plots using performance.now API method of Javascript and the average time taken is 3.7 seconds (approx) Please note the performance may vary depending on your system configuration. Also, make sure that while testing the performance you have set animation to 0 at the chart level and asyncRender as 0 at the constructor level. For reference please check the sample fiddle - http://jsfiddle.net/obrrrdwq/

Hi, In order to fill the anchor color with the same color as the plot line for that particular series, please set anchorBgColor at the dataset level for that particular series and provide the corresponding hex color code for that plot line. Please check the sample fiddle for reference - http://jsfiddle.net/uxuzay6w/

Hi, Using showSumAtEnd at the chart level adds the summation at the end automatically, and the link attribute for FusionCharts works at the data level which needs to be provided with each data label object, hence in order to show link pop up for total plots you need to make an object inside the data array and use isSum attribute inside the object and set as 1. For reference please check the sample fiddle - http://jsfiddle.net/8zw235h8/

Hi @Shrabanee Yes as of now this the only workaround. We would let you know if the hand cursor is possible for dataplotclick event in future version releases.

Hi, FusionCharts is looking for all the pie class and explicitly setting the hand cursor, you could overcome this scenario by using simply a conditional statement, please check the fiddle for reference - https://jsfiddle.net/4kod46u9/

Please share us a sample replicating the problem, so that we could assist you further.

Hi, The SVG drawing for each chart is different from the other hence the code snippet for showing hand cursor would vary for different chart, Please check the sample for pie chart - https://jsfiddle.net/7av3otg7/

Yes, this would work on all browsers.

Hi @Shrabanee Apologies for the delayed response. Showing up hand cursor on dataPlotClick is not possible natively as of now, however for the workaround you could fetch the SVG element and set explicitly the cursor as a pointer. Please refer the sample fiddle for more - https://jsfiddle.net/Lk0ermg5/

Good to know that it was helpful.

Hi @Shrabanee Apologies that would be transposeAnimDuration attribute. Please check the sample for reference - https://jsfiddle.net/em5Lv48r/

Yes, you could use transposeAnimationDuration attribute to delay the animation effect.

Yes, this would work on all modern browsers.

Hi, Thanks for replying back. In order to overcome the overlapping situation, you could use valuePosition attribute either at the data level or at the dataset level for that particular series. Please note the valuePosition attribute accepts "ABOVE", "BELOW", "AUTO" as the range. For reference please check the sample fiddle - https://jsfiddle.net/pe3pedrx/

Hi, The attribute is still in development phase, and its expected to work for most of the charts as of now.

Hi @Shrabanee Please use transposeAnimation attribute at the chart level and set as 1 at the chart level

Hi, Thanks for sharing us the information. Instead of re-rendering the chart on each setting events you could use FusionCharts setJSONData or SetChartData API method to update the data of your chart at the runtime. To know more about setJSONData API method click here- https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods.html#setJSONData

Hi, Please note if you want to show values only for the secondary axis you could use showValues attribute at the dataset level for that particular series and set it as 1. For reference please check the sample fiddle - http://jsfiddle.net/zz4k7dhj/

Hi, Please note as the valueFontColor for the chart is set as white (#ffffff) thats why you are not being able to see the value of the plots, for a workaround you could either set valueFontColor to a different color, please note this would show the plot values outside the column as there isn't enough space to show inside the plot so FusionCharts internal algorithm automatically shows them outside. If you want to still show them inside the plot please reduce the yaxismaxvalue to 12, the reduce the font size of the overall out canvas using outcnvbasefontsize attribute Please check the sample fiddle for reference - http://jsfiddle.net/0otgknmd/

After investigating the above code snippet we came to the observation that the categories and the dataset object are not being able to retrieve the values properly hence you are getting a blank chart with no data plots, in order to fix this as your chart module is getting load first then you are generating the categories and dataset objects you need to use this using object.assign method which would assign the new values into the old data objects, also please note that the while retrieving the categories and dataset object please make sure you are traversing it in a proper way as dataset and categories is an array of objects. For further reference please check the sample from the given Dropbox link https://www.dropbox.com/s/v5sussz9gdz7w83/scrollcolumn(ES6).zip?dl=0 Please note you need to download all the dependencies using npm install

Hi, Could you please elaborate with the help of a use case example, when you want to stop the rendering the charts, so that we could suggest you more accurately regarding the matter. Awaiting your feedback.