Akash Biswas

  • Content count

  • Joined

  • Last visited

About Akash Biswas

  • Rank
    Advanced Member

Recent Profile Visitors

695 profile views
  1. 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
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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.
  7. 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.
  8. 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.
  9. 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.
  10. 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.
  11. 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.
  12. 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.
  13. 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.
  14. 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.
  15. 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.