@datarailsshared/dr_renderer 1.5.180 → 1.5.194

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarailsshared/dr_renderer",
-  "version": "1.5.180",
+  "version": "1.5.194",
   "description": "DataRails charts and tables renderer",
   "keywords": [
     "datarails",

package/src/charts/dr_gauge_chart.js

@@ -110,7 +110,7 @@ function DrGaugeChart(pivotData, opts, isDynamicGoal) {
     };
 
     this.createTicks = function(plotBands, options) {
-        return DrGaugeChart.createTicks(plotBands, options);
+        return DrGaugeChart.createTicks(plotBands, options, this.format);
     }
 
     this.mergeOptions = function (options) {
@@ -685,10 +685,33 @@ function DrGaugeChart(pivotData, opts, isDynamicGoal) {
     this.min = this.ticks[0];
 }
 
-DrGaugeChart.createTicks = function (plotBands, options) {
+/**
+ * Creates a sorted, deduplicated array of tick values from plot band boundaries and the goal.
+ * When a number format is provided, ticks that are nearly equal to the goal due to
+ * floating-point drift and format identically are snapped to the exact goal value
+ * before deduplication, preventing overlapping labels.
+ * @param {Array<{from?: number, to: number}>} plotBands - The plot band definitions
+ * @param {{goal: {value: number}}} options - Chart options containing the goal
+ * @param {string} [format] - Optional number format string (e.g. "#,###.00") used to detect visually identical ticks
+ * @returns {number[]} Sorted, unique tick values
+ */
+DrGaugeChart.createTicks = function (plotBands, options, format) {
     const goal = options.goal.value;
     const ticks = [plotBands[0].from || 0, ...plotBands.map((b) => b.to)];
 
+    // Snap ticks that are nearly equal to goal (floating-point drift from
+    // percentage-to-absolute scaling) and format identically to the exact goal value
+    if (helpers.isNumber(goal) && format) {
+        const fmt = (v) => DrGaugeChart.highchartsRenderer.formatValue("n", format, v).value;
+        const formattedGoal = fmt(goal);
+        const epsilon = Math.abs(goal) * 1e-10 || 1e-10;
+        for (let i = 0; i < ticks.length; i++) {
+            if (ticks[i] !== goal && Math.abs(ticks[i] - goal) < epsilon && fmt(ticks[i]) === formattedGoal) {
+                ticks[i] = goal;
+            }
+        }
+    }
+
     if (!DrGaugeChart.dynamicGoalFeatureEnabled() || goal < Math.max(...ticks) && goal > Math.min(...ticks)) {
         ticks.push(options.goal.value);
     }

package/src/graph-table-renderer.d.ts

@@ -81,8 +81,6 @@ export class GraphTableRenderer {
      * This includes:
      * - Destroying the Highcharts instance (if exists)
      * - Calling destroy on table result (freeze panes observers, Handsontable instances, etc.)
-     * - Disposing the pivot model
-     * - Resetting internal state
      * @returns {void}
      */
     destroy(): void;

package/src/highcharts_renderer.js

@@ -1369,7 +1369,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             }
 
             if (has_delta && additionOptions && ob.name == additionOptions.delta_column.name) {
-                ob = highchartsRenderer.getVariantSeries(ob, additionOptions.delta_column, pivotData);
+                ob = highchartsRenderer.getVariantSeries(ob, additionOptions.delta_column, pivotData, colors);
                 variat_serias = ob;
             }
 
@@ -1562,7 +1562,7 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
             }
 
             if (has_delta && row_n_value && row_n_value.some(val => val === additionOptions.delta_column.name)) {
-                ob = highchartsRenderer.getVariantSeries(ob, additionOptions.delta_column, pivotData);
+                ob = highchartsRenderer.getVariantSeries(ob, additionOptions.delta_column, pivotData, colors);
                 variat_serias = ob;
             }
 
@@ -1872,8 +1872,8 @@ let getHighchartsRenderer = function ($, document, Highcharts, default_colors, h
         }
     }
 
-    highchartsRenderer.getVariantSeries = function (series, delta_column_options, pivotData) {
-        const varianceColor = delta_column_options.color || highchartsRenderer.variance_color || Highcharts.getOptions().colors[7];
+    highchartsRenderer.getVariantSeries = function (series, delta_column_options, pivotData, colors) {
+        const varianceColor = delta_column_options.color || colors[7] || highchartsRenderer.variance_color || Highcharts.getOptions().colors[7];
         series.name = delta_column_options.name.replace('_', '');
         series.initialName = series.name;
         series.color = varianceColor;