Rendering charts with very large datasets #9230
Unanswered
RTyson
asked this question in
Help/Questions
Replies: 2 comments
-
You can try to use |
Beta Was this translation helpful? Give feedback.
0 replies
-
Hi, typically you shouldn't display such huge amounts of data. It's highly unlikely anyone can interpret a million data points at a glance. Then allow the user to zoom-in for detail, at which point you simply fetch the data for the given zoomed view bounds. There are outliers to this flow but in most cases, this is how big data is rendered/handled. |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I will preface this by stating that I am fairly new to JS development, but I do have years of experience with .NET development. I am displaying a very large dataset (up to millions of entries) in a doughnut chart form in a dashboard that I am developing in Vue 3.
Application overview:
This is a log viewer application to be used to audit log entries for a large application. Due to the environment, off the shelf products are not approved.
The application has 2 views/pages:
There is a filter bar component shared by both views. The data is fetched from a database via a "get logs" button in the filter bar.
The fetched data is written to a store (pinia). If no filter items are specified (null), all entries are fetched from the database.
The user can switch between views (Dashboard/List) via a button at any time.
If the user fetches the data while viewing either page, there is a loading screen (spinner) that displays while the data loads and the page renders the data in whatever form the view shows (either chart or list).
Here is the problem: If the user is in the List view and fetches the data, THEN switches to the Dashboard view, the Dashboard view does not show the loading page. It just appears "stuck" until the data is rendered. Giving the appearance to the user that the page has stopped responding. In fact, if the dataset is VERY large, it does time out and throws an error. I am trying to discover how I can "intervene" in the render process to display some type of loading indicator while each chart processes the data.
Thanks in advance for any input/advice!
Here is the Dashboard component code:
Beta Was this translation helpful? Give feedback.
All reactions