Akash Biswas

  • Content count

  • Joined

  • Last visited

Everything posted by Akash Biswas

  1. Trendlines behind 3D Graphs

    Hi, The 3D charts do not support displaying the trend-lines on top is an intended behavior, as the y-axis is not 3D in any of the 3D charts. Hence placing the trend-line on top(of the plots) is not possible as of now. As an alternative solution, you could use the Annotations feature to achieve the same. Please refer to the below sample fiddle : http://jsfiddle.net/pzhh8x37/ Reference guide to know about Annotations : https://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/creating-annotations/creating-shape-annotations.html#line Thanks, Akash.
  2. Hi Shrabanee, Updating a dataSource with annotation using "setJSONData()" API method is working fine at our end in FireFox browser. Please refer to the below sample fiddle where the dataSource is updated on drop down menu select : https://jsfiddle.net/c7jht1vy/ Hope this helps. Thanks, Akash.
  3. Hi Shrabanee, FusionCharts Stacked charts displays the values for the plots with zero value, as zero is also considered as a valid value. However, if you do not want to display the value when it is zero, then you need to set the "showValue" attribute to "0" for that respective data objects value to be hidden. Sample fiddle : http://jsfiddle.net/9o9zx0xj/ For further reference, please check this documentation link : https://www.fusioncharts.com/dev/basic-chart-configurations/data-values.html Thanks, Akash.
  4. Hi Rupali, FusionCharts can be integrated in a Polymer Application by defining a custom element and registering it to a class. Then this custom element is used to render the chart on a page. Please refer to the below blog post link for steps to create a PolymerJS sample to render FusionCharts along with a sample for reference : https://www.fusioncharts.com/blog/charts-polymer-application/ Thanks, Akash.
  5. Multiple charts print alignment issues

    Hi Krishna, Please check the below sample rendering two Pie 2D charts side by side, and using window.print() to print both the charts : http://jsfiddle.net/rzmtpqL9/ Also find the attached file printed with alignment as it is rendered. However, you can also check the FusionCharts API method - resizeTo() that could be used to set the chart with new dimensions. Check the documentation of the same below : https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods.html#resizeTo Hope this helps. Thanks, Akash. FusionCharts - Gallery Example - Pie 2D Chart - JSFiddle.pdf
  6. Can I change Legend text for 3D pie chart?

    Hi Shrabanee, Please check this modified fiddle : https://jsfiddle.net/tvm04b5y/ Thanks, Akash.
  7. Can I change Legend text for 3D pie chart?

    Hi Shrabanee, The legends in Pie chart represents its pie slices, and the individual legends are identified by the labels of the slices. It is not possible to show the values instead of the labels for each legend items. Alternatively, you could use Text annotations to place the values beside the legends with the associated labels with them. Also find a sample fiddle using Text annotations to position the values with the legends(on Right) : http://jsfiddle.net/6om2nyrL/ To know more about Text annotations, please check the below documentation link : https://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/creating-annotations/creating-text-annotations.html Also find the link for "drawComplete" event to dynamically set the annotations : https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events.html#event-drawComplete Please note : Annotations are static in nature, though it can be placed dynamically using the supported macros : https://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/positioning-annotations-using-macros.html Thanks, Akash
  8. Hi, To have legends in a single-series Column chart, you need to use the Multi-series Column chart type where only one series must be provided in the dataSource. This will have the legend shown for the only one series that is present. Refer to the sample fiddle : http://jsfiddle.net/ged6eoxo/ Thanks, Akash
  9. Pointer position in linear gauge

    Hi, Natively, FusionCharts Horizontal Linear Gauge do not support displaying the pointer in the middle. It can be set to "top" or "below" using the boolean attribute "pointerOnTop". However, if you have a static implementation and want to have a pointer placed in the middle of the gauge with out any real-time feature enabled, you can place a Shape Annotation instead of the pointer. Refer to this sample using Shape annotation to place a static pointer in middle : http://jsfiddle.net/Lo7bjk5p/ Please note : -Annotations are static in nature. -No animations will be enabled. -You need to place the "x" and "y" co-ordinate of the annotations accordingly. Reference docs : https://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/creating-annotations/creating-shape-annotations.html#polygon Thanks, Akash.
  10. Is there any way to get chart specific customization property

    Also find the Attribute list for all the available chart types for reference : http://www.fusioncharts.com/dev/chart-attributes.html?chart=area2d Thanks, Akash.
  11. Is there any way to get chart specific customization property

    Hi Mahajan, FusionCharts provides in-depth customize-able properties both at chart-level and individual data-level of the chart dataSource. However, you can set only your required basic attributes like "captionName", "xAxisName", or "yAxisName", etc to render charts. FusionCharts internally will set the default values for all the required chart attributes, which will be overridden only if it is explicitly set by user. Please check the sample with the minimal attribute set for visualization : http://jsfiddle.net/umvgth5b/ Also to have a predefined visualization, you can set the themes provided by FusionCharts for basic configuration. Check this link below for reference : http://www.fusioncharts.com/dev/basic-chart-configurations/centralizing-themes-for-your-charts.html Thanks, Akash.
  12. Can Trendlines change mid-chart?

    Hi Scott, We would like to add one more work-around using the Text and Line Annotations feature of FusionCharts. To achieve your requirement, you can add custom annotation lines representing the trend-lines, and the Text annotations to add the labels for the respective lines. Please find the below sample fiddle, if it is meeting your requirement. Fiddle : http://jsfiddle.net/Akash008/9w1ybte7/2/ For further reference check the documentation link for Annotations : http://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/creating-annotations/creating-shape-annotations.html#line Also the supported list of positioning macros and the usage instructions : http://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/positioning-annotations-using-macros.html Please note : Annotations are static in nature. Thanks, Akash.
  13. Border color per series or point

    Hi, It is currently not possible to set more than one border color for different dataset(or data plots). However, if you intend to differentiate it for different series, then as a suggestion you could use the "dashed" attribute at dataset level to set it for individual datasets. Also, this "dashed" attribute is applicable at data-level. Sample : http://jsfiddle.net/hn2Lhc87/3/ Thanks, Akash.
  14. Adding text above and below trendpoints

    Hi, As per the image provided in your query, we presume you are using Bar(horrizontal) Chart, and natively the trend-lines in a chart is capable of displaying a single display label for a single trend-line. However, your requirement could be achieved using the Text annotations feature. To position the Text annotation exactly on top and bottom of the trend-line, you could make use of the supported macros or by using absolute values with respect to the chart. Please refer to the documentation for further information on positioning macros for annotations : http://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/positioning-annotations-using-macros.html Also find a sample fiddle of Bar Chart using annotations to display trend-line labels : http://jsfiddle.net/yy1ump6j/ Please find the fiddle of Linear Gauge : http://jsfiddle.net/1mck81rq/ Thanks, Akash.
  15. Pie or doughnut chart placing values inside

    Hi Sebastien, We understand that placing the annotations manually is difficult when you have the data values changing periodically, as the annotations are static components of the chart. The application of annotation was suggested as a work-around to have your required visualization, since placing values inside Pie is not supported, natively. Suppose, if you have 4 data plots with values : 500, 400, 10, 10. Sample fiddle : http://jsfiddle.net/Akash008/e21gqbbk/1/ The plots with the values "10" does not have the sufficient space on the plot(slice) to display only the values.(The values may be less than 10 also!). Hence, placing values inside the Pie/Doughnut slices is not a correct visualization. Thanks, Akash.
  16. Pie or doughnut chart placing values inside

    Hi Sebastien, FusionCharts does not supports displaying the values inside the Pie/Doughnut charts, since the angled slices dimension may not be sufficient to display the values or labels, which may result to a wrong or incorrect visualization of the chart. Natively it is not supported. However as a work-around you can use the values in the text annotations and place it manually on the slices accordingly. Reference to Text Annotations : http://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/creating-annotations/creating-text-annotations.html Reference to positioning annotations : http://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/positioning-annotations-using-absolute-values.html Reference to "drawComplete" event : http://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events.html#event-drawComplete Find a sample using Text annotations in "drawComplete" event to display labels and values inside the slices : http://jsfiddle.net/Akash008/e21gqbbk/ Thanks, Akash.
  17. Format Labels on pie chart

    Hi, Natively it is not possible. But you can achieve it by storing the dataSource in a variable and the using the FusionCharts "rendered" events to calculate the percentage dynamically in the event function. Then set the calculated value in the JSON variable and use "setJSONData()" by passing the modified JSON variable. Please check the sample implementing the above technique : http://jsfiddle.net/fpa38rpf/ Reference to "rendered" event : http://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-events.html#event-rendered Reference to "setJSONData()" : http://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods.html#setJSONData Thanks, Akash.
  18. Format Labels on pie chart

    Hi, The Pie chart by default displays the label and the percentage value separated by (,) comma. You can set your custom string to be displayed instead of the default one, by setting the "displayValue" attribute in each of the "data" objects with the custom string. Check the modified fiddle for reference to set your required format : "labelName (percentageValue%)" : http://jsfiddle.net/g97kgn3L/ Please note : For any change in the values you need to modify the "displayValue" attribute accordingly with your custom text. Thanks, Akash.
  19. Do you support series shadows?

    Hi Cristian, The shadow for the line chart can be set using the attribute "showShadow" and set it to "1". However the shadow configuration settings which was available in Flash versions has been deprecated now. Sample Without shadow : http://jsfiddle.net/n16ms1ts/Sample With shadow : http://jsfiddle.net/n16ms1ts/1/ Thanks, Akash.
  20. Multi-Series Doughnut

    Hi Cristian, FusionCharts Multi-level Pie Chart represents hierarchical data, the inner and the outer slices are related to each other. You requirement is not possible to achieve your requirement. As a work-around, you can render multiple doughnut charts each on an individual div. Along with additional CSS property to place all the divs on top of each other. Also the containerBackgroundOpacity must be set to "0" at constructor level to set it to transparent. This will bring the final output similar to the provided image. Please note : Legend interaction will not be possible in the above implementation. Sample fiddle : http://jsfiddle.net/sz7o4qca/ Hope this helps. Thanks, Akash.
  21. Hi, Yes, you could configure the bgImage using the below set of attributes accordingly. bgImageHAlign, bgImageVAlign : used to align the image vertically and horizontally, respectively. bgImageScale : used to increase or decrease the scale of the image. bgImageDisplayMode : used to specify the mode in which the background image is to be displayed. Refer to the documentation link : http://www.fusioncharts.com/dev/basic-chart-configurations/border-and-background.html#customizing-the-background-image Thanks, Akash.
  22. Hi, Attribute "canvasBgAlpha" reference link : http://www.fusioncharts.com/dev/basic-chart-configurations/canvas.html#changing-the-canvas-fill-color Attribute "plotFillAlpha" reference link : http://www.fusioncharts.com/dev/basic-chart-configurations/data-plot.html#customizing-data-plot-transparency Hope this helps. Thanks, Akash.
  23. Hi, Are you looking for any sort of implementation as in the below fiddle : http://jsfiddle.net/Akash008/bgv553mj/34/ This has the alpha set, to make it transparent so that the image in the background is visible, and the labels are visible in the foreground. Thanks, Akash.
  24. Hi Surya, FusionCharts Box and Whisker chart does not support horizontal box plots instead of vertical. As of now it is implemented for only vertical box plots. For further reference check the documentation link : http://www.fusioncharts.com/dev/chart-guide/box-and-whisker-chart/introduction.html Thanks, Akash.
  25. Linear Gauge Gradient

    Hi Andreia, The possible gradient configuration in Horizontal Linear Gauge could be done using the attributes "gaugeFillMix" and "gaugeFillRatio". That specifies the gradient fill formula for the linear gauge scale. Example: {light-10},{light-20},{light-60} And the fill ratio specifies the ratio of each color separated by comma. Example : "30,70" Please check this sample fiddle : http://jsfiddle.net/Akash008/3fweng4a/ For further reference check the documentation link : http://www.fusioncharts.com/dev/gauge-and-widgets-guide/linear-gauge/configuring-gauge-cosmetics.html#configuring-the-gauge-gradient-mix Hope this helps. Thanks, Akash