Akash Biswas

Moderators
  • Content count

    358
  • Joined

  • Last visited

Everything posted by Akash Biswas

  1. Render map when click on Chart plot. Fusioncharts

    Hi, To render maps on clicking the data plots of a chart, please check this sample for reference : http://jsfiddle.net/ex9y8vqa/1/ Also you can refer to the below sample link for the implementation code for the similar functionality in various technology stacks : https://www.fusioncharts.com/fusionmaps/features/drill-down-from-map-to-chart Thanks, Akash.
  2. Redo charts when click on plot

    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. Hide restore toolbox if allowDrag is selected

    Glad to know that! Thanks for the acknowledgement.
  4. Hide restore toolbox if allowDrag is selected

    Hi Evelina, It is natively not supported to hide the toolbar drop down. However, as a work-around you can set its scale using the attribute "toolbarButtonScale". Please check the below sample for reference : https://codepen.io/Akash008/pen/VwYOmza?editors=0010 Thanks, Akash.
  5. Vuejs and allowDrag

    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.
  6. Change ID for countries

    Thanks for the acknowledgement.
  7. Color countries based on array of items

    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.
  8. Change ID for countries

    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.
  9. Change ID for countries

    Hi, It is possible to define custom ID for the entities, and then use them in the data objects to provide values to the map dataSource. You can check the below sample for reference : https://codepen.io/Akash008/pen/VwYgzOP?editors=1010 For further reference, you can check the documentation link for the details : https://www.fusioncharts.com/dev/map-guide/custom-entity-ids Thanks, Akash.
  10. Color countries based on array of items

    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.
  11. Scrollbar control

    Thanks for the acknowledgement.
  12. change font size of fusion chart

    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.
  13. Scrollbar control

    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.
  14. Color countries based on array of items

    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.
  15. Scrollbar control

    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.
  16. Doughnut chart sliced piece is overlapping the other

    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.
  17. Fusionchart using react not displaying complete chart

    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.
  18. Multi-Series PHP MySQL JSON

    Thanks for the acknowledgement. Let us know if you face any issue.
  19. Multi-Series PHP MySQL JSON

    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.
  20. Doughnut chart sliced piece is overlapping the other

    Hi, To avoid the long label text going out of the chart canvas, you can set the below two attributes for those scenarios : "manageLabelOverflow": "1", "useEllipsesWhenOverflow": "1" The "manageLabelOverflow" attribute tries to manage overflow of data labels. If enabled, data labels are either wrapped or truncated with ellipses to prevent them from overflowing out of the chart canvas. Please check the below attribute list of Doughnut chart for the attribute description : https://www.fusioncharts.com/dev/chart-attributes/doughnut2d Also find a sample fiddle for reference : https://jsfiddle.net/y6x2wesm/ Thanks, Akash.
  21. Regarding to hourly based ghant chart isuue

    Hi, Please refer to the below documentation link for time-based Gantt chart : https://www.fusioncharts.com/dev/chart-guide/standard-charts/gantt-chart#create-date-time-based-charts Thanks, Akash.
  22. php real time graph

    Hi, Real-time charts automatically update themselves after every n seconds, without any page refreshes, by getting new data You need to provide the data using the supported API method - feedData(). Refer to the below link for details : https://www.fusioncharts.com/dev/chart-guide/standard-charts/real-time-charts#feed-data-using-javascript You can also check the API method list for further description : https://www.fusioncharts.com/dev/api/fusioncharts/fusioncharts-methods To render charts in PHP environment, you need to use the FusionCharts PHP wrapper : https://www.fusioncharts.com/dev/getting-started/php/your-first-chart-using-php Also find a sample for reference : https://www.dropbox.com/s/4ckr69hxtc0n7e4/realtimeline.zip?dl=0 Thanks, Akash.
  23. Doughnut chart sliced piece is overlapping the other

    Hi, You have set a line break "\n" to the display string, hence it is getting overlapped for certain scenarios. So, you can : - Either remove the line break, and it would not result in overlapping. - Or you can set the attribute "labelDistance" with some pixel values and keeping the line break in the display string to avoid overlapping. Refer to this sample fiddle : https://jsfiddle.net/4pbqz6y1/ Thanks, Akash.
  24. Column2d graph values are overlapping

    Hi, For the scenario when you do not want the values to be pushed inside the plots automatically, this was one of the ways to avoid this situation by using "canvasTopPadding" or "canvasBottomPadding" or both. Another way is to use the "yAxisMinValue" or "yAxisMaxValue" or both to set the y-axis minimum or maximum value explicitly so that it gets sufficient space to display the values outside the plots, as suggested earlier. Afraid, these are the only possible work-around solution for your scenario mentioned. Thanks, Akash.
  25. FC heatmap not working

    Hi Shweta, You need to import the below files to render a Heat map chart : import FusionCharts from "fusioncharts"; import PowerCharts from "fusioncharts/fusioncharts.powercharts"; You can also refer to the below sample : https://codesandbox.io/s/7kkw4vl86q Thanks, Akash.