Srishti Jaiswal

Members
  • Content count

    35
  • Joined

  • Last visited

About Srishti Jaiswal

  • Rank
    Advanced Member
  1. Setting horizontal lines on a chart

    Hi Ingo, Glad to know that the provided solution worked for you as per your requirement. Thanks, Srishti Jaiswal
  2. Setting horizontal lines on a chart

    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
  3. Hi Ingo, Glad to know that the provided solution worked for you as per your requirement. Thanks, Srishti Jaiswal
  4. Use of CSS

    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
  5. 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
  6. 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
  7. Bars merging appearence on IE11 with many bars

    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
  8. Use of CSS

    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
  9. 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
  10. 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
  11. Use of CSS

    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
  12. AngularGuage with vue

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

    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
  14. Export Chart At Client Side

    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
  15. Pie Charts - Sort order of slices

    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