Index: packages/charted/examples/charts/renderers/demo_bar_charts.html |
diff --git a/packages/charted/examples/charts/renderers/demo_bar_charts.html b/packages/charted/examples/charts/renderers/demo_bar_charts.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..59d362853c9cff21129263fff4edf3e8fc7095ce |
--- /dev/null |
+++ b/packages/charted/examples/charts/renderers/demo_bar_charts.html |
@@ -0,0 +1,99 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <meta charset="utf-8"> |
+ <title>Charted — Demo of column and bar charts</title> |
+ <link rel="stylesheet" href="../demo_charts.css"> |
+</head> |
+<body> |
+<div> |
+ <div class="chart-wrapper" id="simple-bar-chart"> |
+ <div class="chart-title-wrapper"> |
+ <div class="chart-title">Simple bar chart</div> |
+ </div> |
+ <div class="chart-host-wrapper"> |
+ <div class="chart-host" dir="ltr"></div> |
+ <div class="chart-legend-host"></div> |
+ </div> |
+ </div> |
+ |
+ <div class="chart-wrapper" id="horizontal-bar-chart"> |
+ <div class="chart-title-wrapper"> |
+ <div class="chart-title">Horizontal bar chart</div> |
+ </div> |
+ <div class="chart-host-wrapper"> |
+ <div class="chart-host" dir="ltr"></div> |
+ <div class="chart-legend-host"></div> |
+ </div> |
+ </div> |
+ |
+ <div class="chart-wrapper" id="simple-with-negative-numbers"> |
+ <div class="chart-title-wrapper"> |
+ <div class="chart-title">Bar chart (with negative values)</div> |
+ </div> |
+ <div class="chart-host-wrapper"> |
+ <div class="chart-host" dir="ltr"></div> |
+ <div class="chart-legend-host"></div> |
+ </div> |
+ </div> |
+ |
+ <div class="chart-wrapper" id="horizontal-with-negative-numbers"> |
+ <div class="chart-title-wrapper"> |
+ <div class="chart-title"> |
+ Horizontal bar chart (with negative values) |
+ </div> |
+ </div> |
+ <div class="chart-host-wrapper"> |
+ <div class="chart-host" dir="ltr"></div> |
+ <div class="chart-legend-host"></div> |
+ </div> |
+ </div> |
+ |
+ <div class="chart-wrapper" id="grouped-bar-chart"> |
+ <div class="chart-title-wrapper"> |
+ <div class="chart-title">Grouped bar chart</div> |
+ </div> |
+ <div class="chart-host-wrapper"> |
+ <div class="chart-host" dir="ltr"></div> |
+ <div class="chart-legend-host"></div> |
+ </div> |
+ </div> |
+ |
+ <div class="chart-wrapper" id="horizontal-grouped-bar-chart"> |
+ <div class="chart-title-wrapper"> |
+ <div class="chart-title">Horizontal grouped bar chart</div> |
+ </div> |
+ <div class="chart-host-wrapper"> |
+ <div class="chart-host" dir="ltr"></div> |
+ <div class="chart-legend-host"></div> |
+ </div> |
+ </div> |
+ |
+ <div class="chart-wrapper" id="grouped-with-negative-numbers"> |
+ <div class="chart-title-wrapper"> |
+ <div class="chart-title"> |
+ Grouped bar chart (with negative vals) |
+ </div> |
+ </div> |
+ <div class="chart-host-wrapper"> |
+ <div class="chart-host" dir="ltr"></div> |
+ <div class="chart-legend-host"></div> |
+ </div> |
+ </div> |
+ |
+ <div class="chart-wrapper" id="horizontal-grouped-with-negative-numbers"> |
+ <div class="chart-title-wrapper"> |
+ <div class="chart-title"> |
+ Horizontal grouped bar chart (with negative vals) |
+ </div> |
+ </div> |
+ <div class="chart-host-wrapper"> |
+ <div class="chart-host" dir="ltr"></div> |
+ <div class="chart-legend-host"></div> |
+ </div> |
+ </div> |
+</div> |
+<script type="application/dart" src="demo_bar_charts.dart"></script> |
+<script src="packages/browser/dart.js"></script> |
+</body> |
+</html> |