first commit

2022-05-31 16:21:53 -04:00
commit f76abffdcd
5978 changed files with 1078901 additions and 0 deletions
@@ -0,0 +1,104 @@
+/* ------------------------------------------------------------------------------
+ *
+ *  # Dimple.js - horizontal grouped bars
+ *
+ *  Demo of grouped bar chart. Data stored in .tsv file format
+ *
+ *  Version: 1.0
+ *  Latest update: August 1, 2015
+ *
+ * ---------------------------------------------------------------------------- */
+
+$(function () {
+
+    // Construct chart
+    var svg = dimple.newSvg("#dimple-bar-horizontal-grouped", "100%", 500);
+
+
+    // Chart setup
+    // ------------------------------
+
+    d3.tsv("assets/demo_data/dimple/demo_data.tsv", function (data) {
+
+
+        // Create chart
+        // ------------------------------
+
+        // Define chart
+        var myChart = new dimple.chart(svg, data);
+
+        // Set bounds
+        myChart.setBounds(0, 0, "100%", "100%");
+
+        // Set margins
+        myChart.setMargins(60, 25, 10, 60);
+
+
+        // Create axes
+        // ------------------------------
+
+        // Horizontal
+        var x = myChart.addCategoryAxis("x", ["Price Tier", "Channel"]);
+
+        // Vertical
+        var y = myChart.addMeasureAxis("y", "Unit Sales");
+
+
+        // Construct layout
+        // ------------------------------
+
+        // Add bars
+        myChart.addSeries("Channel", dimple.plot.bar);
+
+
+        // Add legend
+        // ------------------------------
+
+        var myLegend = myChart.addLegend(0, 5, "100%", 0, "right");
+
+
+        // Add styles
+        // ------------------------------
+
+        // Font size
+        x.fontSize = "12";
+        y.fontSize = "12";
+
+        // Font family
+        x.fontFamily = "Roboto";
+        y.fontFamily = "Roboto";
+
+        // Legend font style
+        myLegend.fontSize = "12";
+        myLegend.fontFamily = "Roboto";
+
+
+        //
+        // Draw chart
+        //
+
+        // Draw
+        myChart.draw();
+
+        // Position legend text
+        myLegend.shapes.selectAll("text").attr("dy", "1");
+
+
+        // Resize chart
+        // ------------------------------
+
+        // Add a method to draw the chart on resize of the window
+        $(window).on('resize', resize);
+        $('.sidebar-control').on('click', resize);
+
+        // Resize function
+        function resize() {
+
+            // Redraw chart
+            myChart.draw(0, true);
+
+            // Position legend text
+            myLegend.shapes.selectAll("text").attr("dy", "1");
+        }
+    });
+});