Comments (7)
from grafana-statusmap.
Thank you for bug report. In order to reproduce the problem, please, send versions of grafana and statusmap and also statusmap panel options as exported panel json or as screenshots.
from grafana-statusmap.
Perhaps the most helpful tip is this:
The sample influx response I posted above has timestamps from 12:01am to 4am-ish on May 9, 2019.
The problem still happens if you set a Grafana timeframe OUTSIDE of those 4 hours.
You'll know you've reproduced this when the UI becomes unresponsive....barely alive.
Occasionally, it will respond a little, but if you switch to another app and then back, it will go dead again.
StatusMap version: v0.1.1
Grafana version: 5.4.3
statusMapPanelJson.zip
from grafana-statusmap.
brand spanking new to this code, but all this time in addHeatmap() in rendering.js looks suspicious.
What do ya think?
from grafana-statusmap.
Got some time to investigate this issue. It looks like some kind of overhead from d3. One way to eleminate a bottleneck is to precalculate x, y, width, height, and especially a color before render — this can help to avoid multiple scaling operations. So.. Sorry, no quick fix here :(
Refactor of render algorithms is planned in #53
from grafana-statusmap.
Thanks for having a look.
I can't help but think all of the nulls in my influx response are part of what's choking up d3.
The influx response is .5 mb of json data -- and if you zip it up, it's just 8k. That's because 99% of everything in the json looks like this block of nulls below.
Any suggestions (you've had a few good influx sql suggestions for me already!!) on tweaking my influx to eliminate these nulls? Would that help anything?
--Erik
null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null]
from grafana-statusmap.
Hey,
I'm struggling a bit with the performance as well. My approach was to divide the received data into multiple panels to benefit from Grafana's lazy loading.
However, when every panel is loaded, my dashboard takes up about 3 gb RAM. My idea was to implement virtual scrolling under the use of Intersection Observers, i.e. the heatmap is only rendered when it is inside of the viewport.
Could this be a feature for this plugin? Maybe some "performance-mode"-option, which deactivates hovering effects and activates virtual scrolling. I could provide an implementation for it!
from grafana-statusmap.
Related Issues (20)
- Avoid multipe values in buckets HOT 1
- Grafana Status Map Panel not working, shows "Panel plugin not found: flant-statusmap-panel" HOT 3
- Support for Range value in discrete mode HOT 1
- Ability to hide values in tooltip HOT 1
- Grafana 7.4.5 support HOT 4
- empty results
- Annotation Query Failed Cannot read property 'to' of undefined HOT 13
- Display error when use zabbix datasource HOT 2
- Cannot read properties of undefined (reading 'to') in Grafana v8.1.3 (a61f38238c) HOT 3
- Empty results in status map panel post grafana version upgrade from v7.4 to v8.1. HOT 2
- Minimum row height and vertical scroll
- Unable to define colors in discrete mode using OpenTSDB datasource HOT 2
- [BUG]Grafana 8.1+ compatibility HOT 1
- Display data in tooltip from attributes HOT 3
- Incorrect Legend treatment - panel don't show legend before first space HOT 1
- Label templates showing wrong text when whitespace is in variable HOT 1
- Globally shared crosshair
- Angular is deprecated - please migrate to React HOT 10
- Problem with the time scale display when the dashboard time zone is changed. HOT 1
- no details are displayed in the "freezed window"
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from grafana-statusmap.