From 7877a98bd9c00db5e81dd2f8c734cba2bab20be7 Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Fri, 12 Aug 2022 09:26:17 +0200 Subject: Merging upstream version 1.36.0. Signed-off-by: Daniel Baumann --- web/gui/dashboard/dashboard.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'web/gui/dashboard/dashboard.html') diff --git a/web/gui/dashboard/dashboard.html b/web/gui/dashboard/dashboard.html index c550db390..be0febf7a 100644 --- a/web/gui/dashboard/dashboard.html +++ b/web/gui/dashboard/dashboard.html @@ -59,7 +59,7 @@ This is a template for building custom dashboards. To build a dashboard you just
  • You can use different chart libraries on the same page: peity, sparkline, dygraph, google
  • You can customize each chart to your preferences. For each chart library most of their attributes can be given in data- attributes.
  • Each chart can have each own duration - it is controlled with the data-after attribute to give that many seconds of data.
  • -
  • Depending on the width of the chart and data-after attribute, netdata will automatically refresh the chart when it needs to be updated. For example giving 600 pixels for width for -600 seconds of data, using a chart library that needs 3 pixels per point, will yeld in a chart updated once every 3 seconds.
  • +
  • Depending on the width of the chart and data-after attribute, netdata will automatically refresh the chart when it needs to be updated. For example giving 600 pixels for width for -600 seconds of data, using a chart library that needs 3 pixels per point, will yield in a chart updated once every 3 seconds.
  • @@ -518,7 +518,7 @@ Sparklines using dygraphs

    Google Charts

    -Netdata was originaly developed with Google Charts. +Netdata was originally developed with Google Charts. Netdata is a complete Google Visualization API provider.
    @@ -559,7 +559,7 @@ Netdata is a complete Google Visualization API provider.

    Morris Charts

    -Unfortunatelly, Morris Charts are very slow. Here we force them to lower their detail to get acceptable results. +Unfortunately, Morris Charts are very slow. Here we force them to lower their detail to get acceptable results.
  • extreme use of transitions (implemented with D3 instead of CSS, meaning they are javascript rendered) that cannot be disabled - even opacity is hardcoded in the javascript library
  • -
  • rendering is done with SVG instead of canvas, so they use DOM elements for every point, becomimg useless if more than 500 points are drawn
  • -
  • lack of a raw data format, so every time a chart is updated, data convertion in javascript is required
  • +
  • rendering is done with SVG instead of canvas, so they use DOM elements for every point, becoming useless if more than 500 points are drawn
  • +
  • lack of a raw data format, so every time a chart is updated, data conversion in javascript is required
  • lack of stacked charts support
  • So, to avoid flashing the charts, we destroy and re-create the charts on each update. Also, since they manipulate the data with javascript we were forced to lower the detail they render to get acceptable speeds. -- cgit v1.2.3