Srishti Jaiswal

Hi Ben, Since the charts has different set of data values, their Y axis limits are automatically calculated and each chart has different limits as per their data. The chart is rendering correctly taking the full 100% width of the container and respecting it's axis limits (turn on the "showLimits" attribute to understand the behaviour). However, if you need to render them taking the full width, you need to modify the "yAxisMaxValue" attribute to match the sum of the two dataset values. Please refer to this demo: https://jsfiddle.net/srishti_fc/guksrjep/ Hope this will help. thanks, Srishti

Hi, From version 3.13.0 visualization of dual y-axis multi-series chart is changed. Now, if the data plots for both the axes are set as column, the secondary plots overlaps the primary plots. Demo: https://jsfiddle.net/srishti_fc/xfakcorn/1/ Reference: https://docs.fusioncharts.com/archive/3.13.0/upgrading/changed-behavior#secondary-data-plots-overlap-primary-data-plots-3 Please refer to the sample and check if the second measure is using the secondary y axis or not. Hope this will help. Thanks, Srishti

Hi, In FusionCharts, you can have two separate axes in a chart by using our Dual Y axis charts (https://www.fusioncharts.com/dev/chart-guide/standard-charts/combination-charts#2d-dual-y-axis-combination-chart) However, you need to specify the "parentYAxis" as "P" or "S" under the dataset object to indicate whether that dataset is using the Primary (left) or the Secondary (right) Y axis. Hence, in your provided chart image, try specifying the parentYAxis as "S" for the Profit % measure to indicate it's using the Secondary axis. Please refer to this demo: http://jsfiddle.net/srishti_fc/xfakcorn/ Hope this will help. Thanks, Srishti

Hi BenBiz, Please share a sample replicating the issue you are facing so that we can assist you further. Also, please elaborate the problem for better understanding. Stacked Bar 2D Chart Sample: http://jsfiddle.net/srishti_fc/v9f4rs38/ Thanks, Srishti

Yes, we are aware of this issue and it has been reported internally. We would like to revert back with updates soon. Thanks, Srishti

Hi BenBiz, No, the chart width property does not affect the height of the bullet chart. Please follow the suggestions and demo shared previously and implement accordingly to resolve the issue. Thanks, Srishti

Hi Robert, This issue has already been reported internally and it is with the concerned team. We would like to update you in due course. Thanks, Srishti

Hi, Please elaborate your query. Also, share a sample replicating your use case and the problem you are facing so that we can assist you further. Stacked bar chart demo: http://jsfiddle.net/srishti_fc/q3abgnL1/ Thanks, Srishti

Welcome

Hi BenBiz, The height of the Bullet graph can be affected by various chart configuration attributes like chart margins and paddings. Hence, we would suggest you to make sure that you disable all those attributes by commenting them out or you can provide same values for the chart margins and paddings across all the charts so that the height remains consistent in all the bullet charts. Please refer to this demo: http://jsfiddle.net/srishti_fc/b3q9vjn6/1/ Hope this would help. Thanks, Srishti Jaiswal

Hi, For your first query, the x axis labels can be displayed in different modes like rotated, slanted, etc. but positioning the x axis labels in between two data points is not supported as of now. Documentation: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/data-labels For your second query, in Multi-series Area 2D chart, you can specify the background color for the whole dataset using "color" attribute under the "dataset" object but specifying background color for area between 2 anchors points is currently not supported. If you want to highlight any specific data point then you can use the anchor attributes under the "data" object. Documentation: https://www.fusioncharts.com/dev/common-use-cases/highlight-specific-data-points-on-chart#changing-anchor-properties-in-charts-like-line-and-area For your third query, you can use the "dataplotClick" and "dataplotRollOver" event APIs to detect Click and Mouse Over on the anchors but there is no supported event to specify onClick and onMouseOver event for each area segment between two anchors. Documentation Links:- https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events#dataplotClick https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events#dataplotRollOver Please refer to this demo: http://jsfiddle.net/srishti_fc/4q86b9sf/ Hope this would help. Thanks, Srishti Jaiswal

Hi zcaudate, We would suggest you to modify the data binning as per the granularity of you data to connect the disconnected data points for the line plot type in the FusionTime chart as per your requirement. Sample for your reference: https://codesandbox.io/s/ft-binning-sample-6x0nv?file=/src/App.vue Documentation reference:https://www.fusioncharts.com/dev/fusiontime/getting-started/change-default-aggregation#change-data-binning Hope this will help. Thanks, Srishti

Hi Srinivas, For your use case, we would suggest you to use our Heatmap chart to create the background matrix. And for the bubbles you can define the "circle" type annotation above the Heatmap chart to get the desired visualization. Please refer to this demo: http://jsfiddle.net/srishti_fc/up23j1xn/ Documentation links:- Annotations: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/annotations/annotation-references Heatmap: https://www.fusioncharts.com/dev/chart-guide/standard-charts/heat-map-chart Hope this will help. Thanks, Srishti

Hi Shira, In FusionCharts Area2D chart, you can highlight a specific data point or value by customizing the anchor properties. You can also add images to the anchor by using "anchorImageURL" attribute and for displaying any custom text you can use "displayValue" attribute under the individual data object. Please refer to this fiddle for the implementation: http://jsfiddle.net/jcm96ayd/ Note: Due to cross domain security restrictions it is advised to use an image from the same domain name as your charts. Documentation Link: https://www.fusioncharts.com/dev/chart-attributes/area2d Hope this will help. Thanks, Srishti

Hi, In FusionCharts, you can use various Tooltip macros to configure your custom Tooltip. Using the macros you can easily get the label, value, seriesname, etc. in the Tooltip of your chart. Demo: http://jsfiddle.net/srishti_fc/p08fcoq5/ Or, you can show the custom data in your Tooltip by using the "dataPlotRollOver" event API where you can fetch your data using "getJSONData()" method and the event object and provide it to the Tooltip. Custom data demo: http://jsfiddle.net/srishti_fc/o571dpm6/1/ Documentation Links:- https://www.fusioncharts.com/dev/chart-guide/chart-configurations/tool-tips#how-to-use-tooltip-macros https://www.fusioncharts.com/dev/chart-guide/chart-configurations/tool-tips#list-of-tooltip-macros Hope this will help. Thanks, Srishti

Hi Sonic, Thanks for the acknowledgement. We are glad our solution helped you with your query.

Hi Ayush, You can refer to the below dashboard where clicking on a map entity updates other chart's data. You can also download it's source code for reference. You have to implement the business logic accordingly. Documentation Links:- Dashboard: https://www.fusioncharts.com/dashboards/wealth-management-dashboard Live: https://www.fusioncharts.com/demos/dashboards/wealth-management-dashboard/ https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods#setJSONData Hope this will help. Thanks, Srishti Jaiswal

Hi Mazen, "yAxisMinValue" accepts only a fixed numeric value. However, you can use "setAdaptiveYMin" attribute to let the y-axis lower limit adapt itself to the data values provided to the chart. To do so, set the setAdaptiveYMin attribute to 1. Please note: setAdaptiveYMin will work only when yAxisMinValue is not explicity mentioned. For your second query, as of now it is not supported to define the lower bounds of the area chart hence it will go down to the value mentioned in the "yAxisMinValue" attribute or any other value assumed by the Y axis (in case of setAdaptiveYMin). Documentation link:- Set Chart Limits Explicitly: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/chart-limits#set-chart-limits-explicitly Set Y-axis Minimum value: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/chart-limits#set-y-axis-minimum-value Hope this will help. Thanks, Srishti Jaiswal

Hi Mazen, You can plot multiple line charts along with area chart using our "mscombi2d" chart type. The area chart will go down to the value mentioned in the "yAxisMinValue" attribute (which is 45 in the below sample). Reference sample: http://jsfiddle.net/srishti_fc/jko30Lcx/ Hope this will help. Thanks, Srishti Jaiswal

Hi Mazen, In HeatMap chart to programmatically know which item is selected you need to use the "dataplotclick" event API. To highlight the selected items you will have to use setjsondata() method every time to update the CSS of the selected item which will reduce the performance, instead of which you can use the hover attributes. For your second query, cursor pointer will only appear when the "link" attribute is mentioned in the data object. Sample: http://jsfiddle.net/srishti_fc/6kb5zjey/1/ Thanks, Srishti Jaiswal

Hi Ayush, In FusionCharts you can easily update the chart/ map data on triggering the respective click events . For charts, you need to use the "dataplotClick" event API and for maps use the "entityClick " ëvent API. In the event callbacks you need to use the "setJSONData()" method to update the chart/ map data. Reference sample in react: https://codesandbox.io/s/setjsondata-sample-wojt5?file=/src/index.js Documentation Links:- https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods#setJSONData Hope this will help. Thanks, Srishti Jaiswal

Hi Sonic, FusionTime lets you build charts with large datasets. However, when a dataset contains too many records, the resulting chart may not help viewers comprehend the data easily. For instance, consider a scenario, where you have to plot 1,000,000 data points in a line chart, on a canvas having dimensions of 500 x 400 pixels. In this case, the chart will try to accommodate all the data points within the available pixels, which will make the chart unreadable. This is where data aggregation comes in handy. By default, FusionTime smartly groups the data for a specific period of time (For example, 2 months), based on the available pixel of the chart canvas. This automatic grouping of data is known as data binning. Though it is suggested to follow the smartly suggested bins for each data, you can always modify this. Reference sample: http://jsfiddle.net/srishti_fc/fyuzx19n/ Refer to the above sample for setting custom bin. Documentation Link: https://www.fusioncharts.com/dev/fusiontime/getting-started/change-default-aggregation Hope this will help. Thanks, Srishti Jaiswal

Hi, In FusionCharts, you can export your data in the XLSX file which does not include your caption/ subCaption. You can export caption/ subCaption in image or PDF formats but it is not possible in XLSX format. Hope this will help. Thanks, Srishti Jaiswal

Hi, In FusionCharts, additional custom attributes are not support as of now. Please tell us the chart type you are using so that we can assist you further. Thanks, Srishti Jaiswal

Hi, FusionCharts does not support having a different caption/ subCaption in the exported file other than the initially provided caption/ subCaption text before rendering the chart. However, as a workaround, you can update your caption/ subCaption just before exporting your chart to have a custom caption/ subCaption in the exported file by using the "exportChart()" API method. Please refer to this link for the implementation: http://jsfiddle.net/srishti_fc/a45u1jet/72/ In the above sample, we have a HTML drop-down for "PNG/JPG/PDF" formats which you can choose before clicking on the "Export Chart" button. Just after clicking the "Export Chart" button we have updated the chart caption using the "setChartAttribute()" API and then the "export_chart()" function is called asynchronously to assure that the chart has the updated caption before calling the "exportChart()" API. Hope this will help. Thanks, Srishti Jaiswal