Increase x-axis resolution

[sonic]

FusionTime combines multiple data points quite aggressively when drawing the chart. This can be seen e.g. here (press "Show FusionTime chart" button): If you press Ctrl+"-" a couple of times (zoom down to e.g. 50%) and then F5, you can see that the data has much more detail than is normally shown, at least on a HiDPI (e.g. 220 ppi) display. Is there a way to modify this behaviour?

Edited November 24, 2020 by sonic

[Srishti Jaiswal]

Hi Sonic,

FusionTime lets you build charts with large datasets. However, when a dataset contains too many records, the resulting chart may not help viewers comprehend the data easily. For instance, consider a scenario, where you have to plot 1,000,000 data points in a line chart, on a canvas having dimensions of 500 x 400 pixels. In this case, the chart will try to accommodate all the data points within the available pixels, which will make the chart unreadable.

This is where data aggregation comes in handy. By default, FusionTime smartly groups the data for a specific period of time (For example, 2 months), based on the available pixel of the chart canvas. This automatic grouping of data is known as data binning.

Though it is suggested to follow the smartly suggested bins for each data, you can always modify this.

Reference sample: http://jsfiddle.net/srishti_fc/fyuzx19n/

Refer to the above sample for setting custom bin.

Documentation Link: https://www.fusioncharts.com/dev/fusiontime/getting-started/change-default-aggregation

Hope this will help.

Thanks,
Srishti Jaiswal

[sonic]

On 27/11/2020 at 8:29 AM, Srishti Jaiswal said:

This is where data aggregation comes in handy. By default, FusionTime smartly groups the data for a specific period of time (For example, 2 months), based on the available pixel of the chart canvas.

You're right, this is handy. But FusionTime seems to only consider the available CSS pixels, ignoring window.devicePixelRatio (in my case 2) of "retina"/HiDPI screens. My 500 x 400 canvas actually has 1000 x 800 "real" pixels, which could actually show finer details.

[sonic]

On 27/11/2020 at 8:29 AM, Srishti Jaiswal said:

Documentation Link: https://www.fusioncharts.com/dev/fusiontime/getting-started/change-default-aggregation

Thanks for the link,

            binning: {
              year: [],
              month: [],
              day: [],
              hour: [1]
            }

seems to have improved the 100 day view.

[Srishti Jaiswal]

Hi Sonic,

Thanks for the acknowledgement.

We are glad our solution helped you with your query.