I am trying to create a chart like a sequence diagram which would show me multiple flights' landing predicted and actual time i form of line chart - google-visualization

enter image description here
I need three items in yaxis : scheduled, predicted, and status.
The xaxis will be time interval.
Each dot on scheduled axis is a specific flight which needs to be plotted to predicted axis and need to mention its status in status in status axis.
I am quite new to front end, and need some help in capturing the requirement

Related

just show every hour as time tick in chart.js

i have the following plot from chart.js:
But right now I cannot find anything how to just show the full hour and going in 1h steps: So what I want is just a simple time axis scale with labels at 0,1,2,3,4,5,... so that multiple data points could are bewteen two time ticks like the data at 3:26, 3:58 and 3:12 are just 3 points between 3 and 4.
Thank you very much!

Is it possible to develop the line charts with multiple colors in powerbi?

I developed the few Line charts for BMP280 sensor data in powerbi. This is one of the line chart for displaying the temperature value by time and device id.
But I want same line chart with different Color like this below image, whenever temperature value suddenly changes.
Can you please tell me is it possible to develop the Line chart with multiple colors?
If you're willing to consider a vertical bar chart instead of a line chart, you would be able to create a calculation for each row that determines whether the change is significant, potentially by comparing an aggregate of recent measurements to specific thresholds.
Once you do that, you would use this column's value as a legend for your visualization. So if a row has a value of "Significant Positive Change" (or something like that), the bar or bars showing that change can be red.
Your other alternative is to use an R-based visual, of which there are surely examples of this type of visualization. I'll update this answer if I find one that looks promising.
Instead of tending 1 data series, you can split it into 2 data series e.g. one with normal temperatures and one with high temperatures. Then you can just plot these in different colours. Just make sure that the ranges are same i.e. cannot be 'Auto'.

reverse axis direction for google motion chart

I am creating a gvisMotionChart that displays data from the past 5 years. I would like the initial state to be the most recent date (ex. 2012) and for the chart to move "backwards" in time. I know how to set the initial state to the latest date, but that doesn't reverse the time scale at all it just starts the chart at the end of the timeline.
basically, I am looking for a function for the gvisMotionChart that does the same thing as the "hAxis.direction" function for the google Scatter Chart.
Does anyone know how to accomplish this?
Thanks!!

Google Chart Date X-Axis not proportionate to length of time

I have a simple chart plotting data over time. The data points are taken at random time intervals, and I would like the chart X axis (time) to actually reflect the interval between these dates. Currently the x axis always uses the same spacing between two dates, regardless of the span of time covering the delta.
Thanks!
https://developers.google.com/chart/interactive/docs/gallery/annotatedtimeline
should do what you want. It has support for graphing using dates.

Google Visualization Annotated Time Line, removing data points

I am trying to build a graph that will change resolution depending on how far you are zoomed in. Here is what it looks like when you are complete zoomed out.
So this looks good so when I zoom in I get a higher resolution data and my graph looks like this:
The problem is when I zoom out the higher resolution data does not get cleared out of the graph:
The tables below the graphs are table display what is in the DataTable. This is what drawing code looks like.
var g_graph = new google.visualization.AnnotatedTimeLine(document.getElementById('graph_div_json'));
var table = new google.visualization.Table(document.getElementById('table_div_json'));
function handleQueryResponse(response){
log("Drawing graph")
var data = response.getDataTable()
g_graph.draw(data, {allowRedraw:true, thickness:2, fill:50, scaleType:'maximized'})
table.draw(data, {allowRedraw:true})
}
I am try to find a way for it to only displaying the data that is in the DataTable. I have tried removing the allowRedraw flag but then it breaks the zooming operation.
Any help would be greatly appreciated.
Thanks
See also
Annotated TimeLine when zoomed-out, Too Many Datapoints.
you can remove the allow redraw flag.
In that case you have to put the data points manually in your data table
The latest date of the actual whole data
The most outdated date in the actual whole data.
this will retain your zooming operation.
I think you have already seen removing the allowRedraw flag, works but with a small problem, flickering the whole chart.
It seems to me that the best solution would be to draw every nth data point, depending on your level of zoom. On the Google Finance graph(s), the zoom levels are pre-determined at the top: 1m, 5m, 1h, 1 day, 5 days, etc. It seems evident that this is exactly what Google is doing. At the max view level, they're plotting points that fall on the month. If you're polling 1000 times a day (with each poll generating a single point), then you'd be taking every 30,000th point (the fist point being the very first one of the month, and the 30,000th one being the last point).
Each of these zoom levels would implement a different plot of the data points. Each point should have a time stamp with accuracy to the second, so you'll easily be able to scale the plot based on the level of detail.