Srishti Jaiswal

Hi Cho, We would like to inform you that the FusionTime charts work on the principle of data aggregation and binning. Tooltip shows the aggregated details based on the data and the zoom level. Hence, the tooltip will show the range of dates if the plots are binned. If you set the binning to show only a single unit then tooltip will show the same, else it will show the range of dates as per binning. However, you can control the data binning by modifying the "binning" object under the xAxis object and specifying the multipliers for each time unit in an array format. Please refer to this link: http://jsfiddle.net/kuLe14dv/ Here, we have set the binning to show only day level data. Documentation link: https://www.fusioncharts.com/dev/fusiontime/getting-started/change-default-aggregation#change-data-binning Hope this will help. Thanks, Srishti Jaiswal

Sure

Hi Seany, We would like to inform you that we have logged this issue and this is replicated in 3.15.3 version of FusionCharts. We will notify you once the issue is resolved in this thread. However, for immediate fix you can use 3.15.1 version of FusionCharts in which this error is not generated. Hope this will help. Thanks, Srishti Jaiswal

Hi MacGritsch, In FusionCharts Gantt chart, tooltip feature can be set only for the task completed portion of the task. For incomplete portion of the task, it is not configurable as of now. Since this is not in our current road map, an alternate suggestion would be to split the task into two sub-tasks with different color and tooltext as per your requirement. Please refer to this fiddle for the implementation: http://jsfiddle.net/z5yauq3e/ Documentation Link: https://www.fusioncharts.com/dev/chart-attributes/gantt Hope this will help. Thanks, Srishti Jaiswal

Hi MacGritsch, You can indicate the percentage of task completion over the task bar by using the "showPercentLabel" attribute globally under the chart object, or at individual data objects. However, in FusionCharts Gantt chart, tooltip feature is not supported for the slack part of the incomplete task bar as of now. Please refer to this fiddle for the implementation: http://jsfiddle.net/8n6x074e/ Documentation Links:- Indicate percent complete figures : https://www.fusioncharts.com/dev/chart-guide/standard-charts/gantt-chart#indicate-percent-complete-figures List of attributes : https://www.fusioncharts.com/dev/chart-attributes/gantt Hope this will help. Thanks, Srishti Jaiswal

Hi Samtes, In FusionCharts, when a legend has a large number of items, you can mention the number of rows and columns the legend should display, so that all legend items can be displayed accordingly. You may adjust the number of rows and columns accordingly. Please refer to this fiddle for the implementation: http://jsfiddle.net/y6f05L7t/ Documentation Link: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/legend#set-number-of-rows-columns-in-the-legend Hope this will help. Thanks, Srishti Jaiswal

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 Jaiswal

Hi Shira, As of now, FusionCharts do not support applying gradient to the area under the line plot of the Zoom Line chart. Please note : It is a specialized line chart, and line visualization does not support this feature of area coloring. Hope this will help. Thanks, Srishti Jaiswal

Hi Shira, In FusionCharts Bar2D chart you can provide different color to individual data plots ( bars ) by specify the HEX color code in the "color" attribute under the individual "data" objects. Also, you can apply gradient globally to all the bars by enabling the "usePlotGradientColor" chart attribute and you can apply gradient color using the "plotGradientColor" chart attribute. Please refer to this link for implementation: http://jsfiddle.net/30bs9ceg/ As of now, FusionCharts do not support applying different gradient color to the individual data plots. Documentation Link: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/data-plot#add-gradient-effect-to-data-plots Hope this will help. Thanks, Srishti Jaiswal

Hi Ingo, Glad to know that the provided solution worked for you as per your requirement. Thanks, Srishti Jaiswal

Hi Ingo, In FusionCharts you can use the "Reference Line" feature to draw an arbitrary fixed line which can help you quickly compare any data point against the fixed value line. Hence, we suggest you to use reference lines to represent the Stop-Loss Level, and the Target Level as per your requirement. Also, you can set the maximum and minimum limits of the Y-axis by using the "min" and "max" attributes under the "yAxis" object. Please refer to this fiddle for the implementation: http://jsfiddle.net/7ozmhp0t/ In the above sample, the "referenceLine" objects array is defined under "yAxis" to configure the two target levels. Documentation links:- Reference Line: https://www.fusioncharts.com/dev/fusiontime/fusiontime-component/reference-line-in-fusiontime Set Y-axis limits: https://www.fusioncharts.com/dev/fusiontime/fusiontime-component/y-axis-in-fusiontime#set-y-axis-limits Hope this will help. Thanks, Srishti Jaiswal

Hi Ingo, Glad to know that the provided solution worked for you as per your requirement. Thanks, Srishti Jaiswal

Hi James, CSS can only be applied to the chart container, i.e., the "div" or "span" DOM elements where you are rendering the chart. CSS has no role in styling any of the chart elements like the chart background. You need to use the "bgColor" chart attribute to apply background color to the chart and you cannot do that using CSS. Please refer to this fiddle for the implementation: http://jsfiddle.net/t1hp5jaw/ Documentation link to modify the chart background color: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/border-and-background#customize-chart-background Hope this will help. Thanks, Srishti Jaiswal

Hi Ingo, Your query "How to reference the array variables that get passed from the Laravel controller to the view" is not in our scope. We suggest you check the Laravel forum to resolve your query. Please refer to this link to the Laravel forum: https://laravel.com/docs/7.x/views#passing-data-to-views Hope this will help. Thanks, Srishti Jaiswal

Hi Ingo, Data binning is a product feature and it is not specific to any tech stack. The code you provided has some syntax errors hence you are not able to implement data binning. Please refer to below code for correct syntax: $timeSeries->AddAttribute("xAxis", "{ binning: { year: [], month: [], day: [1], hour: [], minute: [], second: [], millisecond: [] } }"); Please implement the above code and share your observation. Hope this will help. Thanks, Srishti Jaiswal

Hi Felipe, The "merging of bars" and "fonts not applying" issue is replicated only in IE11 browser when a theme is applied. Edge, Chrome and Firefox browsers are rendering the chart as expected. The fonts are not applied since the predefined fonts in the theme are not supported by the IE11 browser. You can fix the fonts issue by overriding the predefined font attributes in the applied theme by a IE supported font, e.g.: Arial. Please refer to this fiddle for the implementation: http://jsfiddle.net/49dw8okn/ For the merging of bars issue, from the data visualization perspective, we suggest you to use the "scrollBar2D" chart to avoid cluttering of plots, thereby getting a clean look. Scroll charts can show a larger number of data plots in a small space. Please refer to this fiddle for the implementation: http://jsfiddle.net/4e1ydkna/ Please implement the above samples and share your observation. Hope this will help. Thanks, Srishti Jaiswal

Hi James, CSS can be applied to the chart container but CSS has no role in styling the charts in FusionCharts. You need to use the different styling properties for the chart elements to apply the required style. Documentation links:- Chart border and background: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/border-and-background Chart canvas: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/canvas Hope this will help. Thanks, Srishti Jaiswal

Hi Ingo, You are getting the error since you need to use the "fetch" API instead of "loadData" to get the JSON from the URLs. Please refer to this fiddle for the implementation: http://jsfiddle.net/Lpejv1r9/ Hope this will help. Thanks, Srishti jaiswal

Hi Ingo, In FusionTime you can change the data binning hierarchy as per your requirement. Based on your dataset, to view the individual data plots you need to configure the "binning" property of the "xAxis" and set the bin array for the "day" unit to [1]. Please refer to this fiddle for the implementation: http://jsfiddle.net/av5xmqnL/ Documentation link: https://www.fusioncharts.com/dev/fusiontime/getting-started/change-default-aggregation#change-data-binning Hope this will help. Thanks, Srishti jaiswal

Hi James, FusionCharts supports various styling properties for most of it's chart elements like chart background, chart canvas, data plots, etc. You can find the documentation regarding customizing the chart elements under "Configuring Your Charts" - "By Chart Component" section. Documentation links:- Chart border and background: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/border-and-background Chart canvas: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/canvas Hope this will help. Thanks, Srishti jaiswal

Thanks for the acknowledgement. We are glad to know that the solution was helpful. Feel free to revert us back for any further assistance.

Hi, We are not getting this error at our end. In the below FusionCharts Angular Gauge Vue sample the gauge is rendered without any error. Please refer to this link for the implementation: https://codesandbox.io/s/angular-gauge-98s70 We have checked your provided sample and it seems that you have not imported "fusioncharts/fusioncharts.widgets" from the FusionCharts library. The "AngularGauge" is a widget and requires the "fusioncharts/fusioncharts.widgets" file to render successfully. We would suggest you please implement the above sample and if you still face any issue then please replicate the same in the above sample and share with us. Hope this will help. Thanks, Srishti Jaiswal

Hi Erick, The Gantt chart in FusionCharts does not support any expand/ collapse feature. Please refer to this fiddle for the implementation: http://jsfiddle.net/aeq7o629/ Also share your dataSource where you are facing the issue in FusionCharts Gantt chart. Gantt chart documentation link: https://www.fusioncharts.com/dev/chart-guide/standard-charts/gantt-chart Hope this will help. Thanks, Srishti

Hi Erick, FusionCharts provides the option to configure the plot colors in two possible ways : - paletteColors attribute : To set the plot colors globally. A comma separated list of colors applied in a round-robin way. - color attribute : For individual plots. Please refer to these links for further information:- Color individual data plots: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/data-plot#color-individual-data-plots Color different Data Plots: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/data-plot#color-different-data-plots You can use either of the possible ways to configure the plot colors according to your requirement. Please note : These attributes accepts hexadecimal color codes. However, your code was not present in your post. Hope this will help. Thanks, Srishti

Hi James, We tried replicating the issue in Pie2d sample using your chart configurations with the latest(v3.15,2) version of FusionCharts: https://jsfiddle.net/n9br37kt/ Please note, "valuePosition" feature was introduced in the version 3.14.0 and this feature will not work in the earlier versions. Kindly upgrade to the latest version of FusionCharts and if you still face the issue, please replicate the same in the above sample and share with us. Documentation link for reference : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/data-values#pie-doughnut-chart Hope this will help. Thanks, Srishti