Merge pull request #64 from sgratzl/sgratzl/float64

sgratzl · web-flow · commit 4a8a171b7d83 · 2023-04-17T21:37:19.000-04:00
fix: parse to float64 to support large numbers
diff --git a/samples/largenumber.html b/samples/largenumber.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Box Plot Chart</title>
+    <script src=" https://cdn.jsdelivr.net/npm/chart.js@~4.2.0"></script>
+    <script src="../build/index.umd.js"></script>
+    <script src=" https://cdn.jsdelivr.net/npm/d3-random@latest/dist/d3-random.min.js"></script>
+    <script src="./utils.js"></script>
+  </head>
+
+  <body>
+    <div id="container" style="width: 75%">
+      <canvas id="canvas"></canvas>
+    </div>
+    <script>
+      const boxplotData = {
+        labels: ['A'],
+        datasets: [
+          {
+            label: 'Dataset 1',
+            data: [[57297214, 57297216, 117540924, 117540928]],
+          },
+        ],
+      };
+      const options = {
+        responsive: true,
+        legend: {
+          position: 'top',
+        },
+        title: {
+          display: true,
+          text: 'Chart.js Box Plot Chart',
+        },
+        minStats: 'min',
+        maxStats: 'max',
+      };
+
+      window.onload = () => {
+        const ctx = document.getElementById('canvas').getContext('2d');
+        let myBar = new Chart(ctx, {
+          type: 'boxplot',
+          data: boxplotData,
+          options: options,
+        });
+      };
+    </script>
+  </body>
+</html>
diff --git a/src/data.ts b/src/data.ts
@@ -181,7 +181,11 @@ function determineStatsOptions(options?: IBaseOptions) {
 }
 
 export function boxplotStats(arr: readonly number[] | Float32Array | Float64Array, options: IBaseOptions): IBoxPlot {
-  const r = boxplots(arr, determineStatsOptions(options));
+  const vs =
+    window.Float64Array != null && !(arr instanceof Float32Array || arr instanceof Float64Array)
+      ? Float64Array.from(arr)
+      : arr;
+  const r = boxplots(vs, determineStatsOptions(options));
   return {
     items: Array.from(r.items),
     outliers: r.outlier,
@@ -215,7 +219,11 @@ export function violinStats(arr: readonly number[], options: IViolinOptions): IV
   if (arr.length === 0) {
     return undefined;
   }
-  const stats = boxplots(arr, determineStatsOptions(options));
+  const vs =
+    window.Float64Array != null && !(arr instanceof Float32Array || arr instanceof Float64Array)
+      ? Float64Array.from(arr)
+      : arr;
+  const stats = boxplots(vs, determineStatsOptions(options));
 
   // generate coordinates
   const samples = computeSamples(stats.min, stats.max, options.points);
