Fusioncharts Timeseries - fusioncharts

Currently I am running into an issue in FusionCharts where TimeSeries view is inaccurate when using min or max aggregation on step-line graphs. While the data when zoomed in is accurate, upon zooming out the data becomes warped and inaccurate. Currently I can not find anything in the documentation about force limiting the zoom so that users are unable to zoom out to a distorted view. While the features of the chart are great, the distortion is to the level that it renders the chart useless. Does anyone know a way to limit the zoom out function to a max time range or increase the amount of points shown on the graph?

You can use the binning feature available in FusionTime.
Read more about it here: https://www.fusioncharts.com/dev/fusioncharts-aspnet-visualization/components/fusiontime-components/fusioncharts-net-binning

Related

FusionCharts/FusionTime stepline chart leaves off data points and binning aggregation distorts the data

I'm trying to reproduce a Pillow app timeline chart using FusionTime. Pillow tracks sleep quality and the different sleep stages using Apple Watch. The following is an example chart:
example Pillow chart
From the app you can export a json file with the data points. For example:
"sleepStageDataPoints": [
{
"stage": 1,
"timeStamp": 673239278.32947648
},
`Stage legend: 0=Deep, 1=Light, 2=REM, 3=Awake
I import the data into mysql, converting the Unix time in the process. I also increment the stage number so that Deep=1, etc., because the axis would be 0 in FusionTime.
So there is a start time and the level of the stage at that time, which remains the level until the next timestamp data point where the stage would change, etc.
Besides this metric, there will be other health related metrics I plan to capture that will model the data in a similar way. Only the starting time and the level at that time, which should remain the same until the next data point.
So that's the general plan. Now the problems...
I'm having trouble figuring out the best way. I think stepline would be the best chart type for this source data. I'm not expecting to be able to have the different stages have different colors. Just being able to see the height differences is sufficient.
But FusionTime doesn't show all of the data points and the ones it does show don't seem to be accurate. I'm blaming data binning.
FusionTime chart
As you can see the first point charted is on May 3rd, 12:24-12:26. But there are 5 data points from May 2nd that it just leaves off. I don't know why. And as you can see from comparing the two charts, the patterns don't match. For instance at 1am the Fusion chart says the level would be REM (3), but if you look at the Pillow chart, it would have to be either Deep (1) or Light (2). Looking at the data points in the database confirms that.
So it has to be the data binning aggregation that is changing the chart. I've tried every aggregation other than average and none of them makes a difference.
I'd like for the data to be 100% time accurate. I want to see every datapoint and not have the first ones disappear. If I mouse over 1am I should see the correct stage level for that time. As I zoom in or out, I'd like the columns to get more wide/narrow as appropriate, but the height should never be wrong. If I zoom too far out, I'd rather the data disappear than be wrong. I'd be fine to lock the zoom level if necessary, not that I know how to.
Is this possible with FusionCharts/FusionTime? Would there be a better chart type to accomplish what I'm trying to do? Is there a different charting software that would do this? I want to use FusionTime, because I want to have the multivariate charts to compare multiple metrics along the same timeline. And I do want to be able to zoom in and out because other metrics I'm tracking wouldn't be limited to this time frame. So I need to be able to zoom/scroll through the entire day.

Personalized "includeArea" on Google Charts

I am trying to visualize real-time data on a chart. My goal is to set a value that is considered normal (37°C for body temperature, for example) and personalize the real-time data curve according to this value. As the real-time value gets higher than the normal value, I want it to adapt its includeArea color. Here is what I want:
And here is what I could obtain so far:
I am using the Charts Flutter. includeArea is drawing the area skirt representing the data, down to the domain axis. That is why, the coloring which was supposed to be until the 37°C is going further until the domain axis (x-axis).
Any thoughts about how I can obtain what I want, please?
Thank you very much.

pie chart but in another shape

I just wanna ask if it is possible to make a pie chart but in another shape.
An example would be say there were two candidates who ran for governor in a state. I would want to show the results in a chart. I want the shape of the chart to resemble the shape of the geographical location of the state.
I did some digging and this is the only one that showed up which may help me(but not really) https://forums.adobe.com/thread/988130
As your adobe thread implies there are (at least) three issues to consider:
1) you want to show the votes each candidate received as a portion of the area of the state. If your state is nearly square, you could overlay a grid and assign each candidate a number of grid cells according to the votes they received. If the grid cells are county or precinct outlines that works even better, but this isn't a pie chart because a pie chart uses a polar coordinate system.
2) if you really must have a pie chart which is polar, consider that the average viewer may not be able to visually integrate the areas to get meaningful results. Further you will have to integrate the area swept out by the sectors of the pie like a radar screen, and this contour integration is made more difficult by the fact that you must do it numerically. This means you must sample the boundary distance as a function of angular displacement from some center of gravity you have chosen, like the state capitol. But depending on the location of the state capitol, your visual could become even more distorted. Idaho comes to mind.
3) a good compromise might be just to overlay a pie chart on top of a silhouette or map outline of the state with appropriate drop shadows and emphasis to make the pie chart pop as well as the state outline. it would certainly be much quicker as well as much more readable.

Tableau - Fixed count of datapoints per pane

I'm trying to build a shewhart-style control chart in Tableau and having trouble with setting a fixed sample size for the data points plotted on the chart. Consistent sample sizes are critical for setting accurate control limits so I'm dead in the water until I can specify that tableau only use 10-30 random rows to calculate each point on the chart.
I thought I could accomplish this by returning a random number in my query and filtering on the top N results for each pane but I can't seem to wrap my head around how to actually execute that.

iPhone Core plot: how to zoom in this following example?

I am not talking about just resize the image,
I want to zoom in the price, then people focus on that price.
I want to do a resize action, then data will reload the specify area of the chart.
Similar as this application:
http://itunes.apple.com/us/app/chart-tool/id366727994?mt=8
You can zoom in by adjusting the plot ranges on the plot space. Reduce the length of the range to zoom in and increase it to zoom out. No need to reload the data unless you want to add more detail (== more data points) at the higher zoom level.