summaryrefslogtreecommitdiffstats
path: root/web/dashboard.html
diff options
context:
space:
mode:
Diffstat (limited to 'web/dashboard.html')
-rw-r--r--web/dashboard.html45
1 files changed, 45 insertions, 0 deletions
diff --git a/web/dashboard.html b/web/dashboard.html
index 1e482daba..152178947 100644
--- a/web/dashboard.html
+++ b/web/dashboard.html
@@ -643,6 +643,50 @@ So, to avoid flashing the charts, we destroy and re-create the charts on each up
<small>rendered in <span id="time803">X</span> ms</small>
</div>
+
+ <hr>
+ <h1>d3pie Charts</h1>
+ <div style="width: 33%; display: inline-block;">
+ <div data-netdata="apps.cpu"
+ data-chart-library="d3pie"
+ data-d3pie-pieinnerradius="70%"
+ data-d3pie-pieouterradius="90%"
+ data-width="100%"
+ data-height="300px"
+ data-after="-60"
+ data-points="60"
+ data-dt-element-name="time901"
+ ></div>
+ <br/>
+ <small>rendered in <span id="time901">X</span> ms</small>
+ </div>
+
+ <div style="width: 33%; display: inline-block;">
+ <div data-netdata="system.cpu"
+ data-chart-library="d3pie"
+ data-width="100%"
+ data-height="300px"
+ data-after="-60"
+ data-points="60"
+ data-dt-element-name="time902"
+ ></div>
+ <br/>
+ <small>rendered in <span id="time902">X</span> ms</small>
+ </div>
+
+ <div style="width: 33%; display: inline-block;">
+ <div data-netdata="apps.cpu"
+ data-width="100%"
+ data-height="300px"
+ data-after="-60"
+ data-points="60"
+ data-debug="false"
+ data-decimal-digits="0"
+ data-dt-element-name="time902"
+ ></div>
+ <br/>
+ <small>rendered in <span id="time902">X</span> ms</small>
+ </div>
</div> <!-- 1st container -->
</body>
</html>
@@ -652,4 +696,5 @@ So, to avoid flashing the charts, we destroy and re-create the charts on each up
<!-- <script> netdataServer = "http://box:19999"; </script> -->
<!-- load the dashboard manager - it will do the rest -->
+<!-- <script>var netdataTheme = 'slate';</script> -->
<script type="text/javascript" src="dashboard.js?v20170815-15"></script>