If we have to create a chart with lots data eg- "performance of stock for last 5 yrs- do we have to transfer all data to the client side for highcharts to process it? Wont involve too much data overheads?
Regards
Utsav.
You can "lazy load" chart data, see the example in the documentation.
Related
I have some custom load test data, something like -
{“payload_size”: 15, “response_time”: 0.2, “timestamp”: 1670584754}
So i wanted to plot payload_size against timestamp as a timeseries chart, but the issue is I am sending all of this data in bulk, which may include 600 events like this (if ran for 10 minutes).
So when i do timeseries , it shows me one entry only as all the data is pushed at simple point of time.
Is there a workaround for this. I am using EventAPI to send all the data.
Yes - you can do this with New Relic's custom visualizations
I wrote one specifically for this same use case here: https://github.com/khpeet/custom-timeseries
This allows you to plot your values on a timeseries chart with your own custom timestamp field. Note that timestamp is a reserved word in New Relic though, so you probably have to rename your timestamp key to something else upon posting the events via API.
My goal is to render time-series data from set locations on a map. Essentially, I have about 30 predefined (static) locations in Switzerland from which I will be receiving real-time data. The data itself is relatively simple, just the signal/noise ratio of the signal we're receiving, which should be updated every few seconds or every minute. I am using InfluxDB as my database. Are there any specific setups I should be using for this kind of visualization?
My first question is: is it best to use the worldmap panel or the geomap panel at this time? I seem to be finding more information/documentation on the worldmap panel even though i have also read that geomap is (or at least will be) its replacement.
Second, I assume that since I'm using time-series data, that I should be using the Time-Series format, and not the Table format. However, I have not been able to render any data points using the time-series feature, even by following the simplest of examples in your documentation. The best I can do is use the Table feature, and internally remove previous points from my database at every iteration (so that multiple points aren't rendered at the same time for each location). Here are two screenshots of when I'm able to render data on the geomap using the Table format, and then after switching to Time-Series format that the points are no longer there (note that I have the same problem with the Worldmap application as well).
I'm able to render data using the Table method:
...but not using time series:
Thanks for any help!
For rendering timeseries data on the geomap, you must convert your lat/long fields to a single geohash field. You'll have to do that prior to inserting the lat/longs into influxDB
See this answer
In our API gives data as daily basis(timestamp and value) but we need to display weekly and monthly with rangeselector integration using highcharts not highstock. Please any help me with this.
Highcharts doesn't have implemented the dataGrouping feature. It is available only in Highstock.
However, you can group your data by yourself before chart will be initialized. For example: If you want to process your data to group it, you will need to loop through your daily data, adding each value into a new data array, indexed on month.
To create a custom rangeselector you will need to create two arrays of data - one monthly, second weekly and do an update on particular button.
API: https://api.highcharts.com/class-reference/Highcharts.Chart#update
I have a demo project to show inventory trends, and the inventory of each product is frequently, there may be hundreds of inventory points in one day. Now I need to show the inventory report of one week,a month and more, the problem comes out---I have two series, one line disappeared when the points come to neer 3000(not accurate);the chart displays nothing when the amout of data is large(such as 7000 points and more) completely!
The demo is here CODE:demo here, the format of datapoints are like the demo, error occures when the point number is large,such as 4000 and more, you can try to mock up large data of this demo to find the problem.
Actully I see million points of data shows fine in others' demo, then I tried to min the size of the data points but failed, the problem still exists. How can I solve the problem?
You need to increase turboThreshold parameter, but for huge data we recommen to use Highstock which uses dataGrouping module, allowing to increase performance.
I'm currently looking to implement Highcharts JS into my application.i'm using timestamp for plotting graph data
However, I have gaps in my graph but in data there is no null values, and i wish to connect the gaps.
Using the highcharts demo, I have edited the data to demonstrate what currently happens by default:
Please check this
[jsfiddle][1]
[1]: http://jsfiddle.net/r9TzZ/21/check fiddle
I found the solution for this
it's simply working fine by remove the gapSize: 5 on my code
fiddle