I have coordinates x and y, how much time ( in milliseconds) the user spent in each dot/coordinate and the time he visited that dot.
Can I create a HeatMap in Grafana where the axes are x and y and the color is based on time spent on that dot?
I don't think there's a good way to do this in any of Grafana's standard templates. You might be able to find a way with one of their plugins (maybe the Bubble Chart?), but none of them look like they do exactly what you're looking for.
https://grafana.com/plugins?type=panel
Related
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.
I've created a bar chart where I have values on axis Y and weeks on axis X. I want to sign every week on this chart. The problem is that I have weeks with no data and I still want to show this blank weeks. But I can't make it to start from first week,it automatically start from first not blank week.I tried to play with continuous and categorical type of data on axis X but it didn't help. I've already chosen option "show elements without data". But it still doesn't look like a want.
For best understanding I'll show you what I have and desired result.
Now it looks
this way and this way
But I want that it look
this way
Thank you for any useful tips.
Trying to make a cute little dual axis line and bar chart, time is continuous on x axis, value on y axis. For some visual flair (formatting still being worked on) I wanted to make banded columns to show months, which are not calendar months (454 system) and are therefore variable lengths of time.
I got it functionally looking how I wanted to on the worksheet. When dragged to a dashboard, even after a ridiculous amount of resizing, I get these weird lines. When I change the size of it, the lines change places.
Anyone have tips on getting these two graphs to look the same?
Worksheet
Dashboard
I've been trying to force a trendline through 0,0 for my scatter graph, but I can't seem to find a way to do this.
From the docs here, they don't give any information on it: https://developers.google.com/chart/interactive/docs/gallery/trendlines
But, I know there are lots of undocumented stuff in charts.
This is an example of what i am trying to do within Google charts(Done within excel)
The red dotted liner is the trendline, on the left is the default liniear regression that Google charts can give, but in many situations you would want to force a Y-intercept, in this example its forced to be at 0
No, you should NOT need values to force an intercept. This is a pretty standard option in graphing programs. Unfortunately, I don't see where Google Sheets gives you the option, which is one reason I don't recommend it for serious data analysis.
It's odd that the LINEST function allows you to force a zero Y-Intercept, but the trend-line tool in the Chart Editor does not. Excel offers a checkbox to force the line through the origin. (Of course, one should exercise caution when doing so. You really have to know something about the data your analyzing.)
Google offers a charting / graphing API and has a graph that I would like to use to present change over time, and the graph / chart is called the "Annotated Timeline", and an example of it is here:
Picture.png http://img198.imageshack.us/img198/1160/pictureea.png
The coolest feature is that you don't have to plot out all the same "x coordinate" points with each y value, so the data points don't have to all line up vertically. This is good because I don't have values for all points at every time interval:
Picture 1.png http://img843.imageshack.us/img843/5814/picture1ye.png
This would be the end of my needs except that I can't print this out without taking a screenshot of it because this particular Google Visualization is flash based.
What tool can I use to plot data with different x values for the y data points that is HTML5 compatible / not flash?
ps: Google also offers the line chart api but I don't believe it offers x axis points which are not parallel.
You can do this with amCharts. Here is an example of date-based chart which looks quite similar to google charts: http://amcharts.com/stock/events/
Another one with multiple lines: http://amcharts.com/javascript/line-chart-with-multiple-value-axes/
This example has data points at the same dates, however the chart can display data like you need too. The data provider should include all the dates you have, but it's not necessary that the data item should have values for all the graphs. Here is sample data:
{date: new Date(2010,1,2), graph1:54, graph2:2},
{date: new Date(2010,1,3), graph1:53},
{date: new Date(2010,1,4), graph1:55},
{date: new Date(2010,1,5), graph2:2}
I hope this helps.
Antanas (author of amCharts)
Highcharts also has an irregular time data example which can do this:
charts.png http://img269.imageshack.us/img269/8963/chartsf.png