Akash Biswas

  • Content count

  • Joined

  • Last visited

About Akash Biswas

  • Rank
    Forum Member

Recent Profile Visitors

584 profile views
  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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.
  7. 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.
  8. 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.
  9. 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.
  10. 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.
  11. 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.
  12. 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.
  13. 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.
  14. 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
  15. Hi, In Multi-series Bar Chart or in any chart type that supports Trend-line feature will have it across the entire chart. It is not possible to restrict the trend-line to any dataset. Step Line Charts are multi-series in nature. But it cannot be combined with any other charts like Bar chart. For further reference on Step Line chart check the documentation link : http://www.fusioncharts.com/dev/chart-guide/step-line-chart/introduction.html Alternatively, you can check the Line Annotations instead of Trend-line, that can be placed anywhere on the chart as you require. Please refer to the documentation : http://www.fusioncharts.com/dev/advanced-chart-configurations/annotations/creating-annotations/creating-shape-annotations.html#line Please note : Annotations are static in nature. Thanks, Akash.