@hpcc-js/chart 3.7.4 → 3.7.5

package/src/Bar.md

@@ -1,91 +1,91 @@
-# Bar
-
-<!--meta
-
--->
-
-Bar and [Column](./Column) are effectively the same class, but have one different default value - their _orientation_. They support all of the same properties.
-
-<ClientOnly>
-  <hpcc-vitepress style="width:100%;height:600px">
-    <div id="placeholder" style="height:400px">
-    </div>
-    <script type="module">
-      import { Bar } from "@hpcc-js/chart";
-
-      new Bar()
-          .target("placeholder")
-          .columns(["Category", "Value"])
-          .data([
-              ["A", 34],
-              ["B", 55],
-              ["C", 89],
-              ["D", 144]
-          ])
-          .yAxisDomainLow(0)
-          .render()
-          ;
-    </script>
-  </hpcc-vitepress>
-</ClientOnly>
-
-Two or more series are commonly compared with a bar chart.
-
-<ClientOnly>
-  <hpcc-vitepress style="width:100%;height:600px">
-    <div id="placeholder" style="height:400px">
-    </div>
-    <script type="module">
-      import { Bar } from "@hpcc-js/chart";
-
-      new Bar()
-          .target("placeholder")
-          .columns(["Category", "Value 1", "Value 2"])
-          .data([
-              ["A", 34, 90],
-              ["B", 55, 50],
-              ["C", 89, 75],
-              ["D", 144, 66]
-          ])
-          .xAxisOrdinalPaddingInner(0.38)
-          .xAxisOrdinalPaddingOuter(0.62)
-          .xAxisFocus(true)
-          .render()
-          ;
-    </script>
-  </hpcc-vitepress>
-</ClientOnly>
-
-A bar chart supports n-number of numeric values per data row. A series is created for each column as needed.  In the below example the series' are stacked together using the _yAxisStacked_ property.
-
-<ClientOnly>
-  <hpcc-vitepress style="width:100%;height:600px">
-    <div id="placeholder" style="height:400px">
-    </div>
-    <script type="module">
-      import { Bar } from "@hpcc-js/chart";
-
-      new Bar()
-          .target("placeholder")
-          .columns(["Category", "Value 1", "Value 2", "Value 3"])
-          .data([
-              ["A", 34, 90, 82],
-              ["B", 55, 50, 65],
-              ["C", 89, 75, 43],
-              ["D", 144, 66, 56]
-          ])
-          .showValue(true)
-          .valueCentered(true)
-          .yAxisStacked(true)
-          .render()
-          ;
-    </script>
-  </hpcc-vitepress>
-</ClientOnly>
-
-
-## API
-
-## Published Properties
-```@hpcc-js/chart:Bar
+# Bar
+
+<!--meta
+
+-->
+
+Bar and [Column](./Column) are effectively the same class, but have one different default value - their _orientation_. They support all of the same properties.
+
+<ClientOnly>
+  <hpcc-vitepress style="width:100%;height:600px">
+    <div id="placeholder" style="height:400px">
+    </div>
+    <script type="module">
+      import { Bar } from "@hpcc-js/chart";
+
+      new Bar()
+          .target("placeholder")
+          .columns(["Category", "Value"])
+          .data([
+              ["A", 34],
+              ["B", 55],
+              ["C", 89],
+              ["D", 144]
+          ])
+          .yAxisDomainLow(0)
+          .render()
+          ;
+    </script>
+  </hpcc-vitepress>
+</ClientOnly>
+
+Two or more series are commonly compared with a bar chart.
+
+<ClientOnly>
+  <hpcc-vitepress style="width:100%;height:600px">
+    <div id="placeholder" style="height:400px">
+    </div>
+    <script type="module">
+      import { Bar } from "@hpcc-js/chart";
+
+      new Bar()
+          .target("placeholder")
+          .columns(["Category", "Value 1", "Value 2"])
+          .data([
+              ["A", 34, 90],
+              ["B", 55, 50],
+              ["C", 89, 75],
+              ["D", 144, 66]
+          ])
+          .xAxisOrdinalPaddingInner(0.38)
+          .xAxisOrdinalPaddingOuter(0.62)
+          .xAxisFocus(true)
+          .render()
+          ;
+    </script>
+  </hpcc-vitepress>
+</ClientOnly>
+
+A bar chart supports n-number of numeric values per data row. A series is created for each column as needed.  In the below example the series' are stacked together using the _yAxisStacked_ property.
+
+<ClientOnly>
+  <hpcc-vitepress style="width:100%;height:600px">
+    <div id="placeholder" style="height:400px">
+    </div>
+    <script type="module">
+      import { Bar } from "@hpcc-js/chart";
+
+      new Bar()
+          .target("placeholder")
+          .columns(["Category", "Value 1", "Value 2", "Value 3"])
+          .data([
+              ["A", 34, 90, 82],
+              ["B", 55, 50, 65],
+              ["C", 89, 75, 43],
+              ["D", 144, 66, 56]
+          ])
+          .showValue(true)
+          .valueCentered(true)
+          .yAxisStacked(true)
+          .render()
+          ;
+    </script>
+  </hpcc-vitepress>
+</ClientOnly>
+
+
+## API
+
+## Published Properties
+```@hpcc-js/chart:Bar
 ```

package/src/Bar.ts

@@ -1,9 +1,9 @@
-import { Column } from "./Column.ts";
-
-export class Bar extends Column {
-    constructor() {
-        super();
-        this.orientation_default("vertical");
-    }
-}
-Bar.prototype._class += " chart_Bar";
+import { Column } from "./Column.ts";
+
+export class Bar extends Column {
+    constructor() {
+        super();
+        this.orientation_default("vertical");
+    }
+}
+Bar.prototype._class += " chart_Bar";

package/src/Bubble.css

@@ -1,17 +1,17 @@
-.chart_Bubble circle {
-    cursor: pointer;
-}
-
-.chart_Bubble .selected circle {
-    stroke: red;
-    stroke-width: 1.5px
-}
-
-.chart_Bubble .common_FAChar {
-    fill: white;
-    pointer-events: none;
-}
-
-.chart_Bubble .common_Text {
-    pointer-events: none;
+.chart_Bubble circle {
+    cursor: pointer;
+}
+
+.chart_Bubble .selected circle {
+    stroke: red;
+    stroke-width: 1.5px
+}
+
+.chart_Bubble .common_FAChar {
+    fill: white;
+    pointer-events: none;
+}
+
+.chart_Bubble .common_Text {
+    pointer-events: none;
 }

package/src/Bubble.md

@@ -1,69 +1,69 @@
-# Bubble
-
-<!--meta
-
--->
-
-A bubble chart represents a categorical data by displaying circles sized relative to each category's value. The circles are sized automatically to fit their target element.
-
-
-<ClientOnly>
-  <hpcc-vitepress style="width:100%;height:600px">
-    <div id="placeholder" style="height:400px">
-    </div>
-    <script type="module">
-      import { Bubble } from "@hpcc-js/chart";
-
-      new Bubble()
-          .target("placeholder")
-          .columns(["Category", "Value"])
-          .data([
-              ["A", 34],
-              ["B", 55],
-              ["C", 89],
-              ["D", 144]
-          ])
-          .render()
-          ;
-    </script>
-  </hpcc-vitepress>
-</ClientOnly>
-
-
-_paletteID_ can be used to assign an ordinal color palette.
-
-_selectionGlowColor_ can be used to change the glow color when a bubble is selected.
-
-
-<ClientOnly>
-  <hpcc-vitepress style="width:100%;height:600px">
-    <div id="placeholder" style="height:400px">
-    </div>
-    <script type="module">
-      import { Bubble } from "@hpcc-js/chart";
-
-      new Bubble()
-          .target("placeholder")
-          .columns(["Category", "Value"])
-          .data([
-              ["A", 34],
-              ["B", 55],
-              ["C", 89],
-              ["D", 1440]
-          ])
-          .paletteID("FlatUI_British")
-          .selectionGlowColor("#00FF00")
-          .render()
-          ;
-    </script>
-  </hpcc-vitepress>
-</ClientOnly>
-
-
-<!-- For documentation on tooltip properties, take a look at the [Tooltip Documentation](../../common/docs/Tooltip.md) -->
-
-## API
-
-## Published Properties
-```@hpcc-js/chart:Bubble
-```
+# Bubble
+
+<!--meta
+
+-->
+
+A bubble chart represents a categorical data by displaying circles sized relative to each category's value. The circles are sized automatically to fit their target element.
+
+
+<ClientOnly>
+  <hpcc-vitepress style="width:100%;height:600px">
+    <div id="placeholder" style="height:400px">
+    </div>
+    <script type="module">
+      import { Bubble } from "@hpcc-js/chart";
+
+      new Bubble()
+          .target("placeholder")
+          .columns(["Category", "Value"])
+          .data([
+              ["A", 34],
+              ["B", 55],
+              ["C", 89],
+              ["D", 144]
+          ])
+          .render()
+          ;
+    </script>
+  </hpcc-vitepress>
+</ClientOnly>
+
+
+_paletteID_ can be used to assign an ordinal color palette.
+
+_selectionGlowColor_ can be used to change the glow color when a bubble is selected.
+
+
+<ClientOnly>
+  <hpcc-vitepress style="width:100%;height:600px">
+    <div id="placeholder" style="height:400px">
+    </div>
+    <script type="module">
+      import { Bubble } from "@hpcc-js/chart";
+
+      new Bubble()
+          .target("placeholder")
+          .columns(["Category", "Value"])
+          .data([
+              ["A", 34],
+              ["B", 55],
+              ["C", 89],
+              ["D", 1440]
+          ])
+          .paletteID("FlatUI_British")
+          .selectionGlowColor("#00FF00")
+          .render()
+          ;
+    </script>
+  </hpcc-vitepress>
+</ClientOnly>
+
+
+<!-- For documentation on tooltip properties, take a look at the [Tooltip Documentation](../../common/docs/Tooltip.md) -->
+
+## API
+
+## Published Properties
+```@hpcc-js/chart:Bubble
+```