This example shows the performance of your site in the last six hours. The interval can be easily
adjusted.
The dashboard contains three charts, the first one gives an overall assessment rate for the period.
The second one shows the number of visits to the site during the set period of time. The color of
each column corresponds with the information about speed.
The third chart displays how long takes each step while you are opening the page.
Data generates randomly and updates every 30 seconds using javascript, then accumulate in points for
every half an hour. (The value of each column is the arithmetic mean)
Replacing Data and Removing Streaming
To use real data and delete streaming section:
- index.html 10 line - remove including .css file
- index.html 40-44 lines - remove div
- index.html 59-60 lines - remove including files
- src/css/styles.css - remove last line (width: 70%;)
Add following code in page onReady function:
- drawCharts();
- updateChartsData(YOUR_REAL_CSV_DATA_STRING);
License
AnyChart Dashboard "Site Speed Overview" solution includes two parts:
-
Code of the solution that allows to use Javascript library (in this case, AnyChart) to
create a dashboard. You can use, edit, modify it, use it with other Javascript libraries
without any restrictions. It is released under Apache 2.0
License.
-
AnyChart JavaScript library. It is released under Commercial license. You can test this
plugin with the trial
version of AnyChart. Our trial version is not limited by time and doesn't contain any
feature limitations. Check
details here.
If you have any questions regarding licensing - please contact us. sales@anychart.com
