UI adaptation for supporting ONAP portal SDK

[validation.git] / ui / src / main / webapp / static / fusion / sample / html / pie_chart.html
diff --git a/ui/src/main/webapp/static/fusion/sample/html/pie_chart.html b/ui/src/main/webapp/static/fusion/sample/html/pie_chart.html

new file mode 100644 (file)

index 0000000..180066e
--- /dev/null
+++ b/ui/src/main/webapp/static/fusion/sample/html/pie_chart.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+<meta http-equiv="content-type" content="text/html; charset=UTF8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+<link href="../../d3/css/nv.d3.css" rel="stylesheet" type="text/css">
+<style>
+body {
+    overflow-y: scroll;
+}
+
+text {
+    font: 12px sans-serif;
+}
+
+tr.z-row-over>td.z-row-inner, tr.z-row-over>.z-cell {
+    background-color: rgb(255, 255, 255);
+}
+
+svg {
+    display: block;
+}
+
+#chart423 svg {
+    height: 275px;
+    width: 300px;
+    min-width: 100px;
+    min-height: 100px;
+}
+</style>
+<body>
+ <div id="chart423">
+  <svg></svg>
+ </div>
+ <script src="../../d3/js/d3.v3.min.js"></script>
+ <script src="../../d3/js/nv.d3.min.js"></script>
+ <script src="../../d3/js/models/legend.js"></script>
+ <script src="../../d3/js/models/pie.js"></script>
+ <script src="../../d3/js/models/pieChart.js"></script>
+ <script src="../../d3/js/utils.js"></script>
+ <script>
+historicalBarChart = [
+{ "key":"Bedminster", "y":8.27},
+{ "key":"Middletown", "y":2.36},
+{ "key":"Paramus", "y":2.17},
+{ "key":"Piscataway", "y":4.89}
+];
+
+</script>
+ <script src="js/pie_chart.min.js"></script>
+</body>
+</html>
+\ No newline at end of file