Akash Biswas

Moderators
  • Content count

    417
  • Joined

  • Last visited

Posts posted by Akash Biswas


  1. Hi Greg,

     

    For rendering multiple charts on gauges, you need to add separate container div elements for each chart or gauge. Since, each chart or gauge renders on individual div containers, the ID provided to the div elements must be unique, and the same need to be provided the "renderAt" parameter of the respective FusionCharts constructor function.

    <div id="angulargauge-container1">Chart will render here!</div>

    <div id="angulargauge-container2">Chart will render here!</div>

    $Chart1 = new FusionCharts("angulargauge", $Guage_ID , "600", "400", "angulargauge-container1", "json", $gaugeData1);

    $Chart2 = new FusionCharts("angulargauge", $Guage_ID , "600", "400", "angulargauge-container2", "json", $gaugeData2);

     

    Thanks,

    Akash.


  2. Hi,

     

    You can use the "dataPlotClick" API event that gets triggered when a click interaction is made on the chart plots. To update a chart with new dataSource, you need to use "setJSONData() API method invoked on the chart instance of the chart that you want to update.

    So, use "setJSONData()" on the chart instance within the "dataPlotClick" event handler function.

    Refer to the below sample for an implementation :

    http://jsfiddle.net/uyf3e1g1/

     

    Thanks,

    Akash.


  3. Hi Evelina,

     

    In drag-able charts, you can set the "allowDrag" attribute either at the data level for individual data plots, or at the dataset level for individual series dataset.

    This attribute is not supported for chart-level dataSource for it to apply across the entire chart. Please refer to the documentation link of Drag-able charts : https://www.fusioncharts.com/dev/chart-guide/standard-charts/drag-able-charts

    Also find the attribute description(for both data and dataset level) in the attribute list of drag chart : https://www.fusioncharts.com/dev/chart-attributes/dragline

     

    Thanks,

    Akash.


  4. Hi,

     

    To render maps in a .NET environment you can use the FusionCharts .NET wrapper. Please refer to the below documentation link for the steps and instruction to render map using the wrapper :

    https://www.fusioncharts.com/dev/getting-started/aspnet/your-first-map-using-aspnet

    If you face any problem, you can check the showcased sample to render a map and its code for reference : https://www.fusioncharts.com/fusionmaps/examples/average-temperature-of-us-states

     

    For the configuration of colorRange object please check the documentation link provided earlier along with the sample for reference.

     

    Thanks,

    Akash.


  5. Hi,

     

    It will not be possible to set id 05 (Canada) to id 16, as the id 16 is already present in the default set of id predefined for the map type. You can set new custom ID to the entities which is not present in the predefined list of ID for that map type.

    Please note : Only unique ID are accepted as new custom ID which are not present in the predefined list to avoid conflicts.

    Refer to the below sample :

    https://codepen.io/Akash008/pen/VwYgzOP?editors=0010

     

    Thanks,

    Akash.


  6. Hi,

     

    You can set the colorRange object based on the values you set for the data objects(entities). So, for example the value set to India is 10 and for Mexico is 5 within the data objects, then in the colorRange object you can set the minimum and maximum range accordingly with the color codes, which will be applied to the entities mapped to its values.

    Also you can set custom tool text to individual data objects for the entities, which will be displayed on the tooltip box when hovered over the entities on the map. You need to set the "toolText" attribute with the string within each data objects, that you want to display when hovered over the map entities.

    A modal pop up can also be shown when the entities are clicked by using the "entityClick" API event supported. However, the content of the modal need to be set as per your requirement accordingly.

     

    Please find the below sample for reference to the above possible solutions :

    https://codepen.io/Akash008/pen/QWwoWmE

     

    Thanks,

    Akash.


  7. Hi,

     

    You can set the font size for all the text elements on the chart by setting the "baseFontSize" attribute in the chart-level dataSource.

    Also you an set the "labelFontSize" attribute for individual data objects of single-series chart types for setting the font property for individual x-axis labels.

    Please refer to the sample fiddle for the above mentioned attributes : http://jsfiddle.net/btuzvk5c/

    Refer to this documentation link for possible font configuration : https://www.fusioncharts.com/dev/chart-guide/chart-configurations/fonts#customize-base-font-group

    If you still face any problem, please share your chart dataSource, we would check and suggest you accordingly.

     

    Thanks,

    Akash.


  8. Hi Felipe,

     

    You can set the scrollPosition attribute in your dataSource of the scroll chart that you are using to configure the position of the scroll on the chart. Please refer to the below documentation link :

    https://www.fusioncharts.com/dev/chart-guide/standard-charts/scroll-charts#position-scroll-bar

    Also you can use the scrollTo() API method supported by FusionCharts to set the scroll position programmatically. Please check the below link for the supported method list :

    https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods

    However, it is not natively supported to scroll the chart based on the scroll interaction made on any table of data.

     

    Thanks,

    Akash.


  9. Hi,

     

    The maps of FusionMaps supports the "value" attribute of the data objects, that accepts string value and only a single one. It does not accepts array of values for the respective entity IDs provided. Hence, it is not possible to set the colorRange object based on the array of values provided to the "value" attribute in the data objects. Instead the colorRange object defines the color of the entity based on its value(single value) provided to the "value" attribute.

    For further reference to colorRange, please check the below documentation link :

    https://www.fusioncharts.com/dev/common-use-cases/color-range-usecases

     

     Thanks,

    Akash.


  10. Hi Filipe,

     

    FusionCharts supports several chart types with scroll feature enabled on the charts, that helps you to avoid cluttering of plots, thereby providing a clean look. Please check the below documentation link for reference :

    https://www.fusioncharts.com/dev/chart-guide/standard-charts/scroll-charts

    You can customize the number of plots to be visible on the canvas at an instance.

    To customize the scroll bar, refer to this documentation link : https://www.fusioncharts.com/dev/chart-guide/standard-charts/scroll-charts#customizing-the-scroll-bar

     

    Thanks,

    Akash.


  11. Hi,

     

    As mentioned in the previous response, that enabling the "manageLabelOverflow" attribute manages the labels automatically that overflows. Currently it can truncate or show ellipses as opted using "useEllipsesWhenOverflow" attribute.

    Refer to the sample fiddle : https://jsfiddle.net/78wsyurb/

    As of now it is not possible to show the labels in multiple lines instead of ellipses.

     

    Thanks,

    Akash.


  12. Hi,

     

    In your shared dataSource, you have set 225 category labels, and you have set 71 data for each of the dataset series. All the 71 data plots are plotted for each of the series on the Zoomline chart.

    You need to zoom in to see the data plots on the zoom line chart. Check the below sample with an initial spread to view the plots.

    http://jsfiddle.net/Lh3ej8mo/

    Please note : Zoomline charts does not support timeseries data.

     

    Thanks,

    Akash.


  13. Hi,

     

    You can check the documentation link of "msline" chart type for the showcased samples with JSON code references :

    https://www.fusioncharts.com/dev/chart-guide/standard-charts/multi-series-charts#multi-series-line-chart

    Also check the sample fiddle for a sample similar to your requirement mentioned : http://jsfiddle.net/hb4rckmj/

     

    Please note : You need to provide the chart JSON dataSource in the prescribed structure to render the chart. Also the msline chart type does not support real datetime on the x-axis, it is a categorical axis that takes in string which are displayed as labels on the chart.

     

    Thanks,

    Akash.