@rowsncolumns/charts 28.1.13 → 28.1.15

package/dist/cjs/plotly/basic-chart/basic-chart.js

@@ -11,28 +11,29 @@ var react_1 = tslib_1.__importStar(require("react"));
 var aggregation_1 = require("../../utils/aggregation");
 var axis_number_format_1 = require("../../utils/axis-number-format");
 var bubble_1 = require("../../utils/bubble");
-var chart_orientation_1 = require("../../utils/chart-orientation");
+var category_levels_1 = require("../../utils/category-levels");
 var chart_image_1 = require("../../utils/chart-image");
-var chart_styles_1 = require("../../utils/chart-styles");
+var chart_orientation_1 = require("../../utils/chart-orientation");
 var chart_spec_utils_1 = require("../../utils/chart-spec-utils");
+var chart_styles_1 = require("../../utils/chart-styles");
+var doughnut_1 = require("../../utils/doughnut");
 var empty_cells_1 = require("../../utils/empty-cells");
 var error_bars_1 = require("../../utils/error-bars");
-var category_levels_1 = require("../../utils/category-levels");
 var gradient_1 = require("../../utils/gradient");
+var hierarchy_1 = require("../../utils/hierarchy");
+var histogram_1 = require("../../utils/histogram");
 var legend_layout_1 = require("../../utils/legend-layout");
-var doughnut_1 = require("../../utils/doughnut");
+var of_pie_1 = require("../../utils/of-pie");
 var overrides_1 = require("../../utils/overrides");
-var plotly_title_1 = require("../../utils/plotly-title");
 var pie_explosion_1 = require("../../utils/pie-explosion");
 var plotly_click_1 = require("../../utils/plotly-click");
 var plotly_surface_1 = require("../../utils/plotly-surface");
-var three_d_1 = require("../../utils/three-d");
-var hierarchy_1 = require("../../utils/hierarchy");
-var histogram_1 = require("../../utils/histogram");
-var of_pie_1 = require("../../utils/of-pie");
+var plotly_title_1 = require("../../utils/plotly-title");
 var radar_1 = require("../../utils/radar");
 var region_map_1 = require("../../utils/region-map");
+var series_name_1 = require("../../utils/series-name");
 var stock_1 = require("../../utils/stock");
+var three_d_1 = require("../../utils/three-d");
 var trendline_1 = require("../../utils/trendline");
 var plot_1 = require("../plot");
 var helpers_1 = require("./helpers");
@@ -506,11 +507,11 @@ var BasicChart = function (_a) {
      * Triggers a chart update
      */
     var updateChart = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var traces, chartType, position, isBubble, isHierarchy, textColor, bgColor, gridColor, skipHeaders_1, labels, perSeriesX, perSeriesSize, seriesInputs, i, seriesEntry, resolvedLabel, _a, xValues, sizeValues_1, sharedXValues, sharedSizeValues, _b, categories_1, preparedSeries, sizeValues, sizeScale_1, hasStringX_1, hasBubbleSecondaryAxis, palette_1, isScatter_1, scatterStyle_1, plotlyModeForScatterStyle_1, lineShapeFor_1, traces_1, titleFmt, xAxisFmt, yAxisFmt, legendFmt, bubbleLegendOverrides, bubbleBand, bubbleLayout, hierarchyRows, headerTitle, hierarchyData_1, seriesName, hierarchyPalette, nodeColors, isSunburst, SUNBURST_ROOT_ID_1, rootTotal, hierarchyTrace, layoutForHierarchy, labels, seriesEntry, rawValues_1, locations_1, z_1, ramp_1, colorscale, geoScope, regionTrace, surfaceToken, categories, surfaceSeriesInputs, _c, _d, seriesEntry, dataLabel, _e, _f, values, e_2_1, seriesNames, surfaceTrace, surfaceLayout, categories, radarStyle, radarTraces, radarInputs, _g, _h, seriesEntry, label, values, radarAxisOptions, indicators, _loop_1, i, radarScale, radarLegendOverrides, radarBand, variant, categories, seriesValues, volumePoints_1, hasVolume, buildVolumeTrace, volumeLayout, priceYAxisDomain, roles, xs_1, candleTrace, lineSeries, stockPalette_1, xs_2, stockTraces, isStacked, isHorizontalBarChart, lineTraceVariant, shouldAggregate, primaryDomainSource, rawPrimaryDomainValues, domainData, categoryLevels, multicategoryX, aggregateDomainValues, domainAxisData, secondaryDomainData, categoriesFor, assignCartesianData, themeColorPalette, applyTraceColor, hasSecondaryAxis, hasSecondaryCategoryAxis, valueAxisKey, categoryAxisKey, secondaryValueAxisRef, secondaryCategoryAxisRef, isPareto, isOfPie, ofPieHandled, ofPieExtras, decorateCartesianTrace, domainSources, seriesIndex, _loop_2, _j, _k, series, e_3_1, authoredTitleFmt, isPercentStackedBars, primaryAxisNumberFormat, secondaryAxisNumberFormat, _l, legendOverrides, showlegend, axisFontSize, primaryValues, leftAxisLabelDepth, leftAxisDepth, rightAxisDepth, bottomAxisTitleStandoff, legendBand, newLayout, dlOpts, doughnutSeriesOrder, doughnutRingSet, traceDataLabels, doughnutHole, seriesNumberFormats, traceNumberFormat, piePull, formattedTraces, sortedTraces;
-        var e_2, _m, e_4, _o, e_3, _p, _q, _r;
-        var _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104;
-        return tslib_1.__generator(this, function (_105) {
-            switch (_105.label) {
+        var traces, chartType, position, isBubble, isHierarchy, textColor, bgColor, gridColor, skipHeaders_1, labels, perSeriesX, perSeriesSize, seriesInputs, i, seriesEntry, linkedLabel, resolvedLabel, _a, xValues, sizeValues_1, sharedXValues, sharedSizeValues, _b, categories_1, preparedSeries, sizeValues, sizeScale_1, hasStringX_1, hasBubbleSecondaryAxis, palette_1, isScatter_1, scatterStyle_1, plotlyModeForScatterStyle_1, lineShapeFor_1, traces_1, titleFmt, xAxisFmt, yAxisFmt, legendFmt, bubbleLegendOverrides, bubbleBand, bubbleLayout, hierarchyRows, headerTitle, hierarchyData_1, seriesName, hierarchyPalette, nodeColors, isSunburst, SUNBURST_ROOT_ID_1, rootTotal, hierarchyTrace, layoutForHierarchy, labels, seriesEntry, rawValues_1, locations_1, z_1, ramp_1, colorscale, geoScope, regionTrace, surfaceToken, categories, surfaceSeriesInputs, _c, _d, seriesEntry, dataLabel, _e, _f, _g, values, e_2_1, seriesNames, surfaceTrace, surfaceLayout, categories, radarStyle, radarTraces, radarInputs, _h, _j, seriesEntry, label, values, radarAxisOptions, indicators, _loop_1, i, radarScale, radarLegendOverrides, radarBand, variant, categories, seriesValues, volumePoints_1, hasVolume, buildVolumeTrace, volumeLayout, priceYAxisDomain, roles, xs_1, candleTrace, lineSeries, stockPalette_1, xs_2, stockTraces, isStacked, isHorizontalBarChart, lineTraceVariant, shouldAggregate, primaryDomainSource, rawPrimaryDomainValues, domainData, categoryLevels, multicategoryX, aggregateDomainValues, domainAxisData, secondaryDomainData, categoriesFor, assignCartesianData, themeColorPalette, applyTraceColor, hasSecondaryAxis, hasSecondaryCategoryAxis, valueAxisKey, categoryAxisKey, secondaryValueAxisRef, secondaryCategoryAxisRef, isPareto, isOfPie, ofPieHandled, ofPieExtras, decorateCartesianTrace, domainSources, seriesIndex, _loop_2, _k, _l, series, e_3_1, authoredTitleFmt, isPercentStackedBars, primaryAxisNumberFormat, secondaryAxisNumberFormat, _m, legendOverrides, showlegend, axisFontSize, primaryValues, leftAxisLabelDepth, leftAxisDepth, rightAxisDepth, bottomAxisTitleStandoff, legendBand, newLayout, dlOpts, doughnutSeriesOrder, doughnutRingSet, traceDataLabels, doughnutHole, seriesNumberFormats, traceNumberFormat, piePull, formattedTraces, sortedTraces;
+        var e_2, _o, e_4, _p, e_3, _q, _r, _s;
+        var _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76, _77, _78, _79, _80, _81, _82, _83, _84, _85, _86, _87, _88, _89, _90, _91, _92, _93, _94, _95, _96, _97, _98, _99, _100, _101, _102, _103, _104, _105, _106, _107, _108;
+        return tslib_1.__generator(this, function (_109) {
+            switch (_109.label) {
                 case 0:
                     (0, utils_1.debug)("Updating chart", chart);
                     traces = [];
@@ -522,41 +523,42 @@ var BasicChart = function (_a) {
                         theme: 1,
                         tint: isDarkMode ? 1 : 0,
                     }, theme);
-                    bgColor = (_s = spec.backgroundColor) !== null && _s !== void 0 ? _s : (0, spreadsheet_1.getStringifiedColor)({ theme: 0, tint: isDarkMode ? -1 : 1 }, theme);
+                    bgColor = (_t = spec.backgroundColor) !== null && _t !== void 0 ? _t : (0, spreadsheet_1.getStringifiedColor)({ theme: 0, tint: isDarkMode ? -1 : 1 }, theme);
                     gridColor = isDarkMode ? "rgba(255,255,255,0.3)" : "#CCCCCC";
                     if (!isBubble) return [3 /*break*/, 6];
                     skipHeaders_1 = spec.useFirstRowAsHeaders !== false;
                     labels = flattenChartDataValues(spec.bubbleLabels, getDomainValuesFromRange, spec.hiddenDimensionStrategy, skipHeaders_1).map(bubble_1.toLabelString);
-                    perSeriesX = ((_t = spec.domains) !== null && _t !== void 0 ? _t : []).map(function (dom) {
+                    perSeriesX = ((_u = spec.domains) !== null && _u !== void 0 ? _u : []).map(function (dom) {
                         return flattenChartDataValues([dom], getSeriesValuesFromRange, spec.hiddenDimensionStrategy, skipHeaders_1);
                     });
-                    perSeriesSize = ((_u = spec.bubbleSizes) !== null && _u !== void 0 ? _u : []).map(function (sz) {
+                    perSeriesSize = ((_v = spec.bubbleSizes) !== null && _v !== void 0 ? _v : []).map(function (sz) {
                         return flattenChartDataValues([sz], getSeriesValuesFromRange, spec.hiddenDimensionStrategy, skipHeaders_1);
                     });
                     seriesInputs = [];
                     i = 0;
-                    _105.label = 1;
+                    _109.label = 1;
                 case 1:
                     if (!(i < spec.series.length)) return [3 /*break*/, 5];
                     seriesEntry = spec.series[i];
-                    resolvedLabel = (_v = seriesEntry.dataLabel) !== null && _v !== void 0 ? _v : "";
-                    if (!(resolvedLabel && (0, utils_1.isAFormula)(resolvedLabel))) return [3 /*break*/, 3];
+                    linkedLabel = (0, series_name_1.linkedSeriesName)(seriesEntry, getDomainValuesFromRange);
+                    resolvedLabel = (_w = linkedLabel !== null && linkedLabel !== void 0 ? linkedLabel : seriesEntry.dataLabel) !== null && _w !== void 0 ? _w : "";
+                    if (!(linkedLabel === undefined && resolvedLabel && (0, utils_1.isAFormula)(resolvedLabel))) return [3 /*break*/, 3];
                     _a = chart_spec_utils_1.coerceCalculatedLabel;
-                    return [4 /*yield*/, onRequestCalculate(resolvedLabel, (_w = chart.position.sheetId) !== null && _w !== void 0 ? _w : sheetId, chart.position.overlayPosition.anchorCell.rowIndex, chart.position.overlayPosition.anchorCell.columnIndex)];
+                    return [4 /*yield*/, onRequestCalculate(resolvedLabel, (_x = chart.position.sheetId) !== null && _x !== void 0 ? _x : sheetId, chart.position.overlayPosition.anchorCell.rowIndex, chart.position.overlayPosition.anchorCell.columnIndex)];
                 case 2:
-                    resolvedLabel = _a.apply(void 0, [_105.sent()]);
-                    _105.label = 3;
+                    resolvedLabel = _a.apply(void 0, [_109.sent()]);
+                    _109.label = 3;
                 case 3:
-                    xValues = (_x = perSeriesX[i]) !== null && _x !== void 0 ? _x : perSeriesX[0];
-                    sizeValues_1 = (_y = perSeriesSize[i]) !== null && _y !== void 0 ? _y : perSeriesSize[0];
+                    xValues = (_y = perSeriesX[i]) !== null && _y !== void 0 ? _y : perSeriesX[0];
+                    sizeValues_1 = (_z = perSeriesSize[i]) !== null && _z !== void 0 ? _z : perSeriesSize[0];
                     seriesInputs.push(tslib_1.__assign(tslib_1.__assign({ name: resolvedLabel, values: flattenChartDataValues([seriesEntry], getSeriesValuesFromRange, spec.hiddenDimensionStrategy, skipHeaders_1) }, (xValues ? { xValues: xValues } : {})), (sizeValues_1 ? { sizeValues: sizeValues_1 } : {})));
-                    _105.label = 4;
+                    _109.label = 4;
                 case 4:
                     i++;
                     return [3 /*break*/, 1];
                 case 5:
-                    sharedXValues = (_z = perSeriesX[0]) !== null && _z !== void 0 ? _z : [];
-                    sharedSizeValues = (_0 = perSeriesSize[0]) !== null && _0 !== void 0 ? _0 : [];
+                    sharedXValues = (_0 = perSeriesX[0]) !== null && _0 !== void 0 ? _0 : [];
+                    sharedSizeValues = (_1 = perSeriesSize[0]) !== null && _1 !== void 0 ? _1 : [];
                     _b = (0, bubble_1.prepareBubbleSeriesData)({
                         xValues: sharedXValues,
                         labelValues: labels,
@@ -569,7 +571,7 @@ var BasicChart = function (_a) {
                         plotMinSide: Math.min((width !== null && width !== void 0 ? width : 0) - 80, (height !== null && height !== void 0 ? height : 0) - 100),
                     });
                     hasStringX_1 = categories_1.length > 0;
-                    hasBubbleSecondaryAxis = ((_1 = spec.series) !== null && _1 !== void 0 ? _1 : []).some(function (seriesEntry) { return seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.useSecondaryAxis; });
+                    hasBubbleSecondaryAxis = ((_2 = spec.series) !== null && _2 !== void 0 ? _2 : []).some(function (seriesEntry) { return seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.useSecondaryAxis; });
                     palette_1 = (0, chart_styles_1.getChartPalette)(spec, [
                         theme.themeColors.accent1,
                         theme.themeColors.accent2,
@@ -579,7 +581,7 @@ var BasicChart = function (_a) {
                         theme.themeColors.accent6,
                     ]);
                     isScatter_1 = spec.chartType === "scatter";
-                    scatterStyle_1 = (_2 = spec.scatterStyle) !== null && _2 !== void 0 ? _2 : (isScatter_1 ? "lineMarker" : undefined);
+                    scatterStyle_1 = (_3 = spec.scatterStyle) !== null && _3 !== void 0 ? _3 : (isScatter_1 ? "lineMarker" : undefined);
                     plotlyModeForScatterStyle_1 = function (style) {
                         switch (style) {
                             case "line":
@@ -603,7 +605,7 @@ var BasicChart = function (_a) {
                     traces_1 = [];
                     preparedSeries.forEach(function (entry, index) {
                         var e_5, _a, e_6, _b;
-                        var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+                        var _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
                         var xValues = entry.points.map(function (point) {
                             var _a, _b;
                             return hasStringX_1
@@ -619,8 +621,8 @@ var BasicChart = function (_a) {
                         // (`BubbleSeriesPoint.index` — points without a Y are skipped).
                         var pointColorOverrides = new Map();
                         try {
-                            for (var _r = tslib_1.__values((_e = seriesSpec === null || seriesSpec === void 0 ? void 0 : seriesSpec.dataPointColors) !== null && _e !== void 0 ? _e : []), _s = _r.next(); !_s.done; _s = _r.next()) {
-                                var dp = _s.value;
+                            for (var _s = tslib_1.__values((_e = seriesSpec === null || seriesSpec === void 0 ? void 0 : seriesSpec.dataPointColors) !== null && _e !== void 0 ? _e : []), _t = _s.next(); !_t.done; _t = _s.next()) {
+                                var dp = _t.value;
                                 if (typeof (dp === null || dp === void 0 ? void 0 : dp.idx) === "number" && typeof (dp === null || dp === void 0 ? void 0 : dp.color) === "string") {
                                     pointColorOverrides.set(dp.idx, dp.color);
                                 }
@@ -629,7 +631,7 @@ var BasicChart = function (_a) {
                         catch (e_5_1) { e_5 = { error: e_5_1 }; }
                         finally {
                             try {
-                                if (_s && !_s.done && (_a = _r.return)) _a.call(_r);
+                                if (_t && !_t.done && (_a = _s.return)) _a.call(_s);
                             }
                             finally { if (e_5) throw e_5.error; }
                         }
@@ -700,36 +702,49 @@ var BasicChart = function (_a) {
                         // Trendlines on the real (x, y) points — a regression of Y on X,
                         // not on the point index — and native error bars (#1067).
                         var numericX = entry.points.map(function (point) { return point.value[0]; });
+                        var _loop_3 = function (tl) {
+                            var result = (0, trendline_1.computeTrendline)(yValues, {
+                                type: tl.type,
+                                order: tl.order,
+                                period: tl.period,
+                                forecastForward: tl.forecastForward,
+                                forecastBackward: tl.forecastBackward,
+                            }, numericX);
+                            if (!result || result.points.length < 2)
+                                return "continue";
+                            var tlName = (_k = tl.name) !== null && _k !== void 0 ? _k : "".concat(entry.name ? entry.name + " " : "").concat((_l = tl.type) !== null && _l !== void 0 ? _l : "linear", " trend");
+                            var label = (0, trendline_1.trendlineLabel)(tl, result);
+                            traces_1.push(tslib_1.__assign(tslib_1.__assign({ type: "scatter", mode: label ? "lines+text" : "lines", name: tlName, x: result.points.map(function (p) {
+                                    var _a;
+                                    return hasStringX_1
+                                        ? (_a = categories_1[Math.round(p.x)]) !== null && _a !== void 0 ? _a : p.x
+                                        : p.x;
+                                }), y: result.points.map(function (p) { return p.y; }), line: { color: (_m = tl.color) !== null && _m !== void 0 ? _m : seriesColor, dash: "dash", width: 2 }, hoverinfo: "skip" }, (label
+                                ? {
+                                    // Excel prints the equation / R² at the line's end.
+                                    text: result.points.map(function (_, i) {
+                                        return i === result.points.length - 1 ? label.replace("\n", "<br>") : "";
+                                    }),
+                                    textposition: "top left",
+                                    textfont: { color: (_o = tl.color) !== null && _o !== void 0 ? _o : seriesColor, size: 11 },
+                                }
+                                : {})), onSecondary));
+                        };
                         try {
-                            for (var _t = tslib_1.__values((_j = seriesSpec === null || seriesSpec === void 0 ? void 0 : seriesSpec.trendlines) !== null && _j !== void 0 ? _j : []), _u = _t.next(); !_u.done; _u = _t.next()) {
-                                var tl = _u.value;
-                                var result = (0, trendline_1.computeTrendline)(yValues, {
-                                    type: tl.type,
-                                    order: tl.order,
-                                    period: tl.period,
-                                    forecastForward: tl.forecastForward,
-                                    forecastBackward: tl.forecastBackward,
-                                }, numericX);
-                                if (!result || result.points.length < 2)
-                                    continue;
-                                var tlName = (_k = tl.name) !== null && _k !== void 0 ? _k : "".concat(entry.name ? entry.name + " " : "").concat((_l = tl.type) !== null && _l !== void 0 ? _l : "linear", " trend");
-                                traces_1.push(tslib_1.__assign({ type: "scatter", mode: "lines", name: tlName, x: result.points.map(function (p) {
-                                        var _a;
-                                        return hasStringX_1
-                                            ? (_a = categories_1[Math.round(p.x)]) !== null && _a !== void 0 ? _a : p.x
-                                            : p.x;
-                                    }), y: result.points.map(function (p) { return p.y; }), line: { color: (_m = tl.color) !== null && _m !== void 0 ? _m : seriesColor, dash: "dash", width: 2 }, hoverinfo: "skip" }, onSecondary));
+                            for (var _u = tslib_1.__values((_j = seriesSpec === null || seriesSpec === void 0 ? void 0 : seriesSpec.trendlines) !== null && _j !== void 0 ? _j : []), _v = _u.next(); !_v.done; _v = _u.next()) {
+                                var tl = _v.value;
+                                _loop_3(tl);
                             }
                         }
                         catch (e_6_1) { e_6 = { error: e_6_1 }; }
                         finally {
                             try {
-                                if (_u && !_u.done && (_b = _t.return)) _b.call(_t);
+                                if (_v && !_v.done && (_b = _u.return)) _b.call(_u);
                             }
                             finally { if (e_6) throw e_6.error; }
                         }
                         if (seriesSpec === null || seriesSpec === void 0 ? void 0 : seriesSpec.errorBars) {
-                            var direction = (_o = seriesSpec.errorBars.direction) !== null && _o !== void 0 ? _o : "y";
+                            var direction = (_p = seriesSpec.errorBars.direction) !== null && _p !== void 0 ? _p : "y";
                             // An X error bar sizes from the X values (a percentage or
                             // deviation of X).
                             var magnitudes_1 = (0, error_bars_1.computeErrorBars)(direction === "x" ? numericX : yValues, (0, error_bars_1.resolveCustomErrorBarValues)(seriesSpec.errorBars, function (range) {
@@ -738,7 +753,7 @@ var BasicChart = function (_a) {
                             if (magnitudes_1) {
                                 var symmetric = magnitudes_1.plus.every(function (plus, i) { return plus === magnitudes_1.minus[i]; });
                                 var errorConfig = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ type: "data", symmetric: symmetric, array: magnitudes_1.plus }, (symmetric ? {} : { arrayminus: magnitudes_1.minus })), { color: seriesColor }), (seriesSpec.errorBars.noEndCap ? { width: 0 } : {}));
-                                var target = traces_1[traces_1.length - 1 - ((_q = (_p = seriesSpec.trendlines) === null || _p === void 0 ? void 0 : _p.length) !== null && _q !== void 0 ? _q : 0)];
+                                var target = traces_1[traces_1.length - 1 - ((_r = (_q = seriesSpec.trendlines) === null || _q === void 0 ? void 0 : _q.length) !== null && _r !== void 0 ? _r : 0)];
                                 if (target) {
                                     target[direction === "x" ? "error_x" : "error_y"] = errorConfig;
                                 }
@@ -746,22 +761,22 @@ var BasicChart = function (_a) {
                         }
                     });
                     titleFmt = spec.titleTextFormat;
-                    xAxisFmt = (_3 = spec.categoryAxisOptions) === null || _3 === void 0 ? void 0 : _3.textFormat;
-                    yAxisFmt = (_4 = spec.valueAxisOptions) === null || _4 === void 0 ? void 0 : _4.textFormat;
-                    legendFmt = (_5 = spec.legend) === null || _5 === void 0 ? void 0 : _5.textFormat;
+                    xAxisFmt = (_4 = spec.categoryAxisOptions) === null || _4 === void 0 ? void 0 : _4.textFormat;
+                    yAxisFmt = (_5 = spec.valueAxisOptions) === null || _5 === void 0 ? void 0 : _5.textFormat;
+                    legendFmt = (_6 = spec.legend) === null || _6 === void 0 ? void 0 : _6.textFormat;
                     bubbleLegendOverrides = applyLegendOverridesPlotly({
-                        font: tslib_1.__assign(tslib_1.__assign({ color: (_6 = legendFmt === null || legendFmt === void 0 ? void 0 : legendFmt.color) !== null && _6 !== void 0 ? _6 : textColor }, ((legendFmt === null || legendFmt === void 0 ? void 0 : legendFmt.fontFamily) ? { family: legendFmt.fontFamily } : {})), ((legendFmt === null || legendFmt === void 0 ? void 0 : legendFmt.fontSize) ? { size: legendFmt.fontSize } : {})),
+                        font: tslib_1.__assign(tslib_1.__assign({ color: (_7 = legendFmt === null || legendFmt === void 0 ? void 0 : legendFmt.color) !== null && _7 !== void 0 ? _7 : textColor }, ((legendFmt === null || legendFmt === void 0 ? void 0 : legendFmt.fontFamily) ? { family: legendFmt.fontFamily } : {})), ((legendFmt === null || legendFmt === void 0 ? void 0 : legendFmt.fontSize) ? { size: legendFmt.fontSize } : {})),
                     }, spec.legend);
                     bubbleBand = (0, legend_layout_1.reservePlotlyLegendBand)({
-                        position: (_7 = spec.legend) === null || _7 === void 0 ? void 0 : _7.position,
-                        visible: ((_8 = bubbleLegendOverrides.showlegend) !== null && _8 !== void 0 ? _8 : preparedSeries.length > 1) !==
+                        position: (_8 = spec.legend) === null || _8 === void 0 ? void 0 : _8.position,
+                        visible: ((_9 = bubbleLegendOverrides.showlegend) !== null && _9 !== void 0 ? _9 : preparedSeries.length > 1) !==
                             false,
                         labels: preparedSeries.map(function (entry) { return entry.name; }),
-                        legendFontSize: (_9 = legendFmt === null || legendFmt === void 0 ? void 0 : legendFmt.fontSize) !== null && _9 !== void 0 ? _9 : 12,
+                        legendFontSize: (_10 = legendFmt === null || legendFmt === void 0 ? void 0 : legendFmt.fontSize) !== null && _10 !== void 0 ? _10 : 12,
                         width: Math.max(0, (width !== null && width !== void 0 ? width : 0) - 2),
                         height: Math.max(0, (height !== null && height !== void 0 ? height : 0) - 2),
                         hasTitle: Boolean(title),
-                        titleFontSize: (_10 = titleFmt === null || titleFmt === void 0 ? void 0 : titleFmt.fontSize) !== null && _10 !== void 0 ? _10 : 16,
+                        titleFontSize: (_11 = titleFmt === null || titleFmt === void 0 ? void 0 : titleFmt.fontSize) !== null && _11 !== void 0 ? _11 : 16,
                         hasBottomAxisTitle: Boolean(spec.horizontalAxisTitle),
                         hasLeftAxisTitle: Boolean(spec.verticalAxisTitle),
                         leftAxisDepth: 60,
@@ -771,9 +786,9 @@ var BasicChart = function (_a) {
                     bubbleLayout = tslib_1.__assign(tslib_1.__assign({ title: {
                             text: (0, plotly_title_1.plotlyTitleText)(title, spec.titleTextFormat),
                             font: {
-                                family: (_11 = titleFmt === null || titleFmt === void 0 ? void 0 : titleFmt.fontFamily) !== null && _11 !== void 0 ? _11 : "Untitled Sans, apple-system, sans-serif",
-                                size: (_12 = titleFmt === null || titleFmt === void 0 ? void 0 : titleFmt.fontSize) !== null && _12 !== void 0 ? _12 : 16,
-                                color: (_13 = titleFmt === null || titleFmt === void 0 ? void 0 : titleFmt.color) !== null && _13 !== void 0 ? _13 : textColor,
+                                family: (_12 = titleFmt === null || titleFmt === void 0 ? void 0 : titleFmt.fontFamily) !== null && _12 !== void 0 ? _12 : "Untitled Sans, apple-system, sans-serif",
+                                size: (_13 = titleFmt === null || titleFmt === void 0 ? void 0 : titleFmt.fontSize) !== null && _13 !== void 0 ? _13 : 16,
+                                color: (_14 = titleFmt === null || titleFmt === void 0 ? void 0 : titleFmt.color) !== null && _14 !== void 0 ? _14 : textColor,
                             },
                             x: 0.02,
                             xanchor: "left",
@@ -783,19 +798,19 @@ var BasicChart = function (_a) {
                         // renderer).
                         xaxis: applyAxisOverridesPlotly({
                             title: {
-                                text: (_14 = spec.horizontalAxisTitle) !== null && _14 !== void 0 ? _14 : "",
-                                font: { color: (_15 = xAxisFmt === null || xAxisFmt === void 0 ? void 0 : xAxisFmt.color) !== null && _15 !== void 0 ? _15 : textColor },
+                                text: (_15 = spec.horizontalAxisTitle) !== null && _15 !== void 0 ? _15 : "",
+                                font: { color: (_16 = xAxisFmt === null || xAxisFmt === void 0 ? void 0 : xAxisFmt.color) !== null && _16 !== void 0 ? _16 : textColor },
                             },
                             gridcolor: gridColor,
-                            tickfont: tslib_1.__assign(tslib_1.__assign({ color: (_16 = xAxisFmt === null || xAxisFmt === void 0 ? void 0 : xAxisFmt.color) !== null && _16 !== void 0 ? _16 : textColor }, ((xAxisFmt === null || xAxisFmt === void 0 ? void 0 : xAxisFmt.fontFamily) ? { family: xAxisFmt.fontFamily } : {})), ((xAxisFmt === null || xAxisFmt === void 0 ? void 0 : xAxisFmt.fontSize) ? { size: xAxisFmt.fontSize } : {})),
+                            tickfont: tslib_1.__assign(tslib_1.__assign({ color: (_17 = xAxisFmt === null || xAxisFmt === void 0 ? void 0 : xAxisFmt.color) !== null && _17 !== void 0 ? _17 : textColor }, ((xAxisFmt === null || xAxisFmt === void 0 ? void 0 : xAxisFmt.fontFamily) ? { family: xAxisFmt.fontFamily } : {})), ((xAxisFmt === null || xAxisFmt === void 0 ? void 0 : xAxisFmt.fontSize) ? { size: xAxisFmt.fontSize } : {})),
                             type: hasStringX_1 ? "category" : "linear",
                         }, spec.categoryAxisOptions), yaxis: applyAxisOverridesPlotly({
                             title: {
-                                text: (_17 = spec.verticalAxisTitle) !== null && _17 !== void 0 ? _17 : "",
-                                font: { color: (_18 = yAxisFmt === null || yAxisFmt === void 0 ? void 0 : yAxisFmt.color) !== null && _18 !== void 0 ? _18 : textColor },
+                                text: (_18 = spec.verticalAxisTitle) !== null && _18 !== void 0 ? _18 : "",
+                                font: { color: (_19 = yAxisFmt === null || yAxisFmt === void 0 ? void 0 : yAxisFmt.color) !== null && _19 !== void 0 ? _19 : textColor },
                             },
                             gridcolor: gridColor,
-                            tickfont: tslib_1.__assign(tslib_1.__assign({ color: (_19 = yAxisFmt === null || yAxisFmt === void 0 ? void 0 : yAxisFmt.color) !== null && _19 !== void 0 ? _19 : textColor }, ((yAxisFmt === null || yAxisFmt === void 0 ? void 0 : yAxisFmt.fontFamily) ? { family: yAxisFmt.fontFamily } : {})), ((yAxisFmt === null || yAxisFmt === void 0 ? void 0 : yAxisFmt.fontSize) ? { size: yAxisFmt.fontSize } : {})),
+                            tickfont: tslib_1.__assign(tslib_1.__assign({ color: (_20 = yAxisFmt === null || yAxisFmt === void 0 ? void 0 : yAxisFmt.color) !== null && _20 !== void 0 ? _20 : textColor }, ((yAxisFmt === null || yAxisFmt === void 0 ? void 0 : yAxisFmt.fontFamily) ? { family: yAxisFmt.fontFamily } : {})), ((yAxisFmt === null || yAxisFmt === void 0 ? void 0 : yAxisFmt.fontSize) ? { size: yAxisFmt.fontSize } : {})),
                         }, spec.valueAxisOptions) }, (hasBubbleSecondaryAxis
                         ? {
                             yaxis2: applyAxisOverridesPlotly({
@@ -803,10 +818,10 @@ var BasicChart = function (_a) {
                                 side: "right",
                                 showgrid: false,
                                 automargin: true,
-                                tickfont: { color: (_20 = yAxisFmt === null || yAxisFmt === void 0 ? void 0 : yAxisFmt.color) !== null && _20 !== void 0 ? _20 : textColor },
+                                tickfont: { color: (_21 = yAxisFmt === null || yAxisFmt === void 0 ? void 0 : yAxisFmt.color) !== null && _21 !== void 0 ? _21 : textColor },
                             }, spec.secondaryValueAxisOptions),
                         }
-                        : {})), { legend: tslib_1.__assign(tslib_1.__assign({}, bubbleLegendOverrides.legend), ((_21 = bubbleBand.legend) !== null && _21 !== void 0 ? _21 : {})), paper_bgcolor: bgColor, plot_bgcolor: bgColor, showlegend: (_22 = bubbleLegendOverrides.showlegend) !== null && _22 !== void 0 ? _22 : preparedSeries.length > 1, 
+                        : {})), { legend: tslib_1.__assign(tslib_1.__assign({}, bubbleLegendOverrides.legend), ((_22 = bubbleBand.legend) !== null && _22 !== void 0 ? _22 : {})), paper_bgcolor: bgColor, plot_bgcolor: bgColor, showlegend: (_23 = bubbleLegendOverrides.showlegend) !== null && _23 !== void 0 ? _23 : preparedSeries.length > 1, 
                         // The plot shrinks to leave the legend its own band (#1089).
                         margin: bubbleBand.margin });
                     setPlotData(traces_1);
@@ -827,8 +842,8 @@ var BasicChart = function (_a) {
                         hierarchyTitleRef.current = explicitChartTitle !== null && explicitChartTitle !== void 0 ? explicitChartTitle : headerTitle;
                         hierarchyData_1 = (0, hierarchy_1.toPlotlyHierarchy)(hierarchyRows);
                         seriesName = hierarchyData_1.labels.length === 1
-                            ? (_23 = hierarchyData_1.labels[0]) !== null && _23 !== void 0 ? _23 : ""
-                            : (_24 = explicitChartTitle !== null && explicitChartTitle !== void 0 ? explicitChartTitle : headerTitle) !== null && _24 !== void 0 ? _24 : "";
+                            ? (_24 = hierarchyData_1.labels[0]) !== null && _24 !== void 0 ? _24 : ""
+                            : (_25 = explicitChartTitle !== null && explicitChartTitle !== void 0 ? explicitChartTitle : headerTitle) !== null && _25 !== void 0 ? _25 : "";
                         hierarchyPalette = (0, chart_styles_1.getChartPalette)(spec, [
                             theme.themeColors.accent1,
                             theme.themeColors.accent2,
@@ -844,7 +859,7 @@ var BasicChart = function (_a) {
                         hierarchyTrace = tslib_1.__assign({ type: chartType, labels: isSunburst ? tslib_1.__spreadArray([""], tslib_1.__read(hierarchyData_1.labels), false) : hierarchyData_1.labels, ids: isSunburst ? tslib_1.__spreadArray([SUNBURST_ROOT_ID_1], tslib_1.__read(hierarchyData_1.ids), false) : hierarchyData_1.ids, parents: isSunburst
                                 ? tslib_1.__spreadArray([""], tslib_1.__read(hierarchyData_1.parents.map(function (parent) { return parent || SUNBURST_ROOT_ID_1; })), false) : hierarchyData_1.parents, values: isSunburst ? tslib_1.__spreadArray([rootTotal], tslib_1.__read(hierarchyData_1.values), false) : hierarchyData_1.values, marker: tslib_1.__assign({ colors: isSunburst ? tslib_1.__spreadArray(["rgba(0,0,0,0)"], tslib_1.__read(nodeColors), false) : nodeColors }, (isSunburst ? { line: { width: 1 } } : {})), name: seriesName, 
                             // `dataLabels: { show: false }` turns the labels off (#1086).
-                            textinfo: ((_25 = spec.dataLabels) === null || _25 === void 0 ? void 0 : _25.show) === false ? "none" : "label+value", branchvalues: "total" }, (isSunburst || ((_26 = spec.dataLabels) === null || _26 === void 0 ? void 0 : _26.show) === false
+                            textinfo: ((_26 = spec.dataLabels) === null || _26 === void 0 ? void 0 : _26.show) === false ? "none" : "label+value", branchvalues: "total" }, (isSunburst || ((_27 = spec.dataLabels) === null || _27 === void 0 ? void 0 : _27.show) === false
                             ? {}
                             : {
                                 textposition: "bottom left",
@@ -902,7 +917,7 @@ var BasicChart = function (_a) {
                     // country-name matching and silently skips labels it can't place.
                     if ((0, region_map_1.isRegionMapSpec)(spec)) {
                         labels = flattenChartDataValues(spec.domains, getDomainValuesFromRange, spec.hiddenDimensionStrategy, false).map(function (v) { return String(v !== null && v !== void 0 ? v : "").trim(); });
-                        seriesEntry = (_27 = spec.series) === null || _27 === void 0 ? void 0 : _27[0];
+                        seriesEntry = (_28 = spec.series) === null || _28 === void 0 ? void 0 : _28[0];
                         rawValues_1 = seriesEntry
                             ? flattenChartDataValues([seriesEntry], getSeriesValuesFromRange, spec.hiddenDimensionStrategy).map(function (v) { return (typeof v === "number" ? v : Number(v)); })
                             : [];
@@ -964,46 +979,53 @@ var BasicChart = function (_a) {
                         return [2 /*return*/];
                     }
                     surfaceToken = (0, three_d_1.normalize3DSourceType)(spec.sourceChartType);
-                    if (!(surfaceToken === "SURFACE" || surfaceToken === "SURFACE_3D")) return [3 /*break*/, 17];
+                    if (!(surfaceToken === "SURFACE" || surfaceToken === "SURFACE_3D")) return [3 /*break*/, 19];
                     categories = flattenChartDataValues(spec.domains, getDomainValuesFromRange, spec.hiddenDimensionStrategy, false).map(function (v) { return String(v !== null && v !== void 0 ? v : ""); });
                     surfaceSeriesInputs = [];
-                    _105.label = 7;
+                    _109.label = 7;
                 case 7:
-                    _105.trys.push([7, 14, 15, 16]);
-                    _c = tslib_1.__values((_28 = spec.series) !== null && _28 !== void 0 ? _28 : []), _d = _c.next();
-                    _105.label = 8;
+                    _109.trys.push([7, 16, 17, 18]);
+                    _c = tslib_1.__values((_29 = spec.series) !== null && _29 !== void 0 ? _29 : []), _d = _c.next();
+                    _109.label = 8;
                 case 8:
-                    if (!!_d.done) return [3 /*break*/, 13];
+                    if (!!_d.done) return [3 /*break*/, 15];
                     seriesEntry = _d.value;
-                    if (!(!(0, utils_1.isNil)(seriesEntry.dataLabel) && (0, utils_1.isAFormula)(seriesEntry.dataLabel))) return [3 /*break*/, 10];
-                    _f = chart_spec_utils_1.coerceCalculatedLabel;
-                    return [4 /*yield*/, onRequestCalculate(seriesEntry.dataLabel, (_29 = position.sheetId) !== null && _29 !== void 0 ? _29 : sheetId, position.overlayPosition.anchorCell.rowIndex, position.overlayPosition.anchorCell.columnIndex)];
+                    if (!((_30 = (0, series_name_1.linkedSeriesName)(seriesEntry, getDomainValuesFromRange)) !== null && _30 !== void 0)) return [3 /*break*/, 9];
+                    _e = _30;
+                    return [3 /*break*/, 13];
                 case 9:
-                    _e = _f.apply(void 0, [_105.sent()]);
-                    return [3 /*break*/, 11];
+                    if (!(!(0, utils_1.isNil)(seriesEntry.dataLabel) && (0, utils_1.isAFormula)(seriesEntry.dataLabel))) return [3 /*break*/, 11];
+                    _g = chart_spec_utils_1.coerceCalculatedLabel;
+                    return [4 /*yield*/, onRequestCalculate(seriesEntry.dataLabel, (_31 = position.sheetId) !== null && _31 !== void 0 ? _31 : sheetId, position.overlayPosition.anchorCell.rowIndex, position.overlayPosition.anchorCell.columnIndex)];
                 case 10:
-                    _e = (_30 = seriesEntry.dataLabel) !== null && _30 !== void 0 ? _30 : "";
-                    _105.label = 11;
+                    _f = _g.apply(void 0, [_109.sent()]);
+                    return [3 /*break*/, 12];
                 case 11:
+                    _f = (_32 = seriesEntry.dataLabel) !== null && _32 !== void 0 ? _32 : "";
+                    _109.label = 12;
+                case 12:
+                    _e = (_f);
+                    _109.label = 13;
+                case 13:
                     dataLabel = _e;
                     values = flattenChartDataValues([seriesEntry], getSeriesValuesFromRange, spec.hiddenDimensionStrategy).map(function (v) { return (typeof v === "number" ? v : Number(v)); });
                     surfaceSeriesInputs.push({ name: dataLabel, values: values });
-                    _105.label = 12;
-                case 12:
+                    _109.label = 14;
+                case 14:
                     _d = _c.next();
                     return [3 /*break*/, 8];
-                case 13: return [3 /*break*/, 16];
-                case 14:
-                    e_2_1 = _105.sent();
+                case 15: return [3 /*break*/, 18];
+                case 16:
+                    e_2_1 = _109.sent();
                     e_2 = { error: e_2_1 };
-                    return [3 /*break*/, 16];
-                case 15:
+                    return [3 /*break*/, 18];
+                case 17:
                     try {
-                        if (_d && !_d.done && (_m = _c.return)) _m.call(_c);
+                        if (_d && !_d.done && (_o = _c.return)) _o.call(_c);
                     }
                     finally { if (e_2) throw e_2.error; }
                     return [7 /*endfinally*/];
-                case 16:
+                case 18:
                     seriesNames = surfaceSeriesInputs.map(function (entry, index) { return entry.name || "Series ".concat(index + 1); });
                     surfaceTrace = (0, plotly_surface_1.buildPlotlySurfaceTrace)(surfaceToken, surfaceSeriesInputs, categories, seriesNames, (0, axis_number_format_1.resolveSeriesNumberFormats)(spec.series, getFormattingFromRange, spec.hiddenDimensionStrategy));
                     surfaceLayout = tslib_1.__assign({ title: {
@@ -1022,41 +1044,41 @@ var BasicChart = function (_a) {
                         }, paper_bgcolor: bgColor, plot_bgcolor: bgColor, showlegend: false, margin: { l: 60, r: 20, t: 50, b: 50 } }, (surfaceToken === "SURFACE"
                         ? {
                             xaxis: {
-                                title: { text: (_31 = spec.horizontalAxisTitle) !== null && _31 !== void 0 ? _31 : "" },
+                                title: { text: (_33 = spec.horizontalAxisTitle) !== null && _33 !== void 0 ? _33 : "" },
                                 automargin: true,
                                 color: textColor,
                             },
                             yaxis: {
-                                title: { text: (_32 = spec.verticalAxisTitle) !== null && _32 !== void 0 ? _32 : "" },
+                                title: { text: (_34 = spec.verticalAxisTitle) !== null && _34 !== void 0 ? _34 : "" },
                                 automargin: true,
                                 color: textColor,
                             },
                         }
                         : {
                             scene: {
-                                xaxis: { title: { text: (_33 = spec.horizontalAxisTitle) !== null && _33 !== void 0 ? _33 : "" } },
+                                xaxis: { title: { text: (_35 = spec.horizontalAxisTitle) !== null && _35 !== void 0 ? _35 : "" } },
                                 yaxis: { title: { text: "" } },
-                                zaxis: { title: { text: (_34 = spec.verticalAxisTitle) !== null && _34 !== void 0 ? _34 : "" } },
+                                zaxis: { title: { text: (_36 = spec.verticalAxisTitle) !== null && _36 !== void 0 ? _36 : "" } },
                             },
                         }));
                     setPlotData([surfaceTrace]);
                     setLayout(surfaceLayout);
                     return [2 /*return*/];
-                case 17:
+                case 19:
                     // ---------------------------- Radar ----------------------------
                     // Plotly renders radar via `scatterpolar` traces: r = the values,
                     // theta = the category names (closed by appending the first point).
                     if (spec.chartType === "radar") {
                         categories = flattenChartDataValues(spec.domains, getDomainValuesFromRange, spec.hiddenDimensionStrategy, false).map(function (v) { return String(v !== null && v !== void 0 ? v : ""); });
-                        radarStyle = (_35 = spec.radarStyle) !== null && _35 !== void 0 ? _35 : "standard";
+                        radarStyle = (_37 = spec.radarStyle) !== null && _37 !== void 0 ? _37 : "standard";
                         radarTraces = [];
                         radarInputs = [];
                         try {
-                            for (_g = tslib_1.__values((_36 = spec.series) !== null && _36 !== void 0 ? _36 : []), _h = _g.next(); !_h.done; _h = _g.next()) {
-                                seriesEntry = _h.value;
-                                label = seriesEntry.dataLabel && !(0, utils_1.isAFormula)(seriesEntry.dataLabel)
+                            for (_h = tslib_1.__values((_38 = spec.series) !== null && _38 !== void 0 ? _38 : []), _j = _h.next(); !_j.done; _j = _h.next()) {
+                                seriesEntry = _j.value;
+                                label = (_39 = (0, series_name_1.linkedSeriesName)(seriesEntry, getDomainValuesFromRange)) !== null && _39 !== void 0 ? _39 : (seriesEntry.dataLabel && !(0, utils_1.isAFormula)(seriesEntry.dataLabel)
                                     ? seriesEntry.dataLabel
-                                    : "";
+                                    : "");
                                 values = flattenChartDataValues([seriesEntry], getSeriesValuesFromRange, spec.hiddenDimensionStrategy).map(function (v) { return (typeof v === "number" ? v : Number(v)); });
                                 radarInputs.push({ name: label, values: values });
                             }
@@ -1064,7 +1086,7 @@ var BasicChart = function (_a) {
                         catch (e_4_1) { e_4 = { error: e_4_1 }; }
                         finally {
                             try {
-                                if (_h && !_h.done && (_o = _g.return)) _o.call(_g);
+                                if (_j && !_j.done && (_p = _h.return)) _p.call(_h);
                             }
                             finally { if (e_4) throw e_4.error; }
                         }
@@ -1072,7 +1094,7 @@ var BasicChart = function (_a) {
                         indicators = (0, radar_1.buildRadarIndicators)(categories, radarInputs, radarAxisOptions);
                         _loop_1 = function (i) {
                             var input = radarInputs[i];
-                            var seriesColor = (_39 = (_38 = (_37 = spec.series) === null || _37 === void 0 ? void 0 : _37[i]) === null || _38 === void 0 ? void 0 : _38.color) !== null && _39 !== void 0 ? _39 : undefined;
+                            var seriesColor = (_42 = (_41 = (_40 = spec.series) === null || _40 === void 0 ? void 0 : _40[i]) === null || _41 === void 0 ? void 0 : _41.color) !== null && _42 !== void 0 ? _42 : undefined;
                             var r = indicators.map(function (_, idx) { var _a; return (_a = input.values[idx]) !== null && _a !== void 0 ? _a : 0; });
                             var theta = indicators.map(function (ind) { return ind.name; });
                             radarTraces.push(tslib_1.__assign(tslib_1.__assign({ type: "scatterpolar", r: r.length ? tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(r), false), [r[0]], false) : r, theta: theta.length ? tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(theta), false), [theta[0]], false) : theta, name: input.name, mode: radarStyle === "standard" ? "lines" : "lines+markers" }, (radarStyle === "filled" ? { fill: "toself" } : {})), (seriesColor ? { line: { color: seriesColor } } : {})));
@@ -1080,17 +1102,17 @@ var BasicChart = function (_a) {
                         for (i = 0; i < radarInputs.length; i++) {
                             _loop_1(i);
                         }
-                        radarScale = (_40 = indicators[0]) !== null && _40 !== void 0 ? _40 : { min: 0, max: 1 };
+                        radarScale = (_43 = indicators[0]) !== null && _43 !== void 0 ? _43 : { min: 0, max: 1 };
                         radarLegendOverrides = applyLegendOverridesPlotly({ font: { color: textColor } }, spec.legend);
                         radarBand = (0, legend_layout_1.reservePlotlyLegendBand)({
-                            position: (_41 = spec.legend) === null || _41 === void 0 ? void 0 : _41.position,
-                            visible: ((_42 = radarLegendOverrides.showlegend) !== null && _42 !== void 0 ? _42 : radarTraces.length > 1) !== false,
+                            position: (_44 = spec.legend) === null || _44 === void 0 ? void 0 : _44.position,
+                            visible: ((_45 = radarLegendOverrides.showlegend) !== null && _45 !== void 0 ? _45 : radarTraces.length > 1) !== false,
                             labels: radarInputs.map(function (input) { return input.name; }),
-                            legendFontSize: (_45 = (_44 = (_43 = spec.legend) === null || _43 === void 0 ? void 0 : _43.textFormat) === null || _44 === void 0 ? void 0 : _44.fontSize) !== null && _45 !== void 0 ? _45 : 12,
+                            legendFontSize: (_48 = (_47 = (_46 = spec.legend) === null || _46 === void 0 ? void 0 : _46.textFormat) === null || _47 === void 0 ? void 0 : _47.fontSize) !== null && _48 !== void 0 ? _48 : 12,
                             width: Math.max(0, (width !== null && width !== void 0 ? width : 0) - 2),
                             height: Math.max(0, (height !== null && height !== void 0 ? height : 0) - 2),
                             hasTitle: Boolean(title),
-                            titleFontSize: (_47 = (_46 = spec.titleTextFormat) === null || _46 === void 0 ? void 0 : _46.fontSize) !== null && _47 !== void 0 ? _47 : 16,
+                            titleFontSize: (_50 = (_49 = spec.titleTextFormat) === null || _49 === void 0 ? void 0 : _49.fontSize) !== null && _50 !== void 0 ? _50 : 16,
                             hasBottomAxisTitle: false,
                             hasLeftAxisTitle: false,
                             leftAxisDepth: 50,
@@ -1103,8 +1125,8 @@ var BasicChart = function (_a) {
                             font: { color: textColor },
                             paper_bgcolor: bgColor,
                             plot_bgcolor: bgColor,
-                            showlegend: (_48 = radarLegendOverrides.showlegend) !== null && _48 !== void 0 ? _48 : radarTraces.length > 1,
-                            legend: tslib_1.__assign(tslib_1.__assign({}, radarLegendOverrides.legend), ((_49 = radarBand.legend) !== null && _49 !== void 0 ? _49 : {})),
+                            showlegend: (_51 = radarLegendOverrides.showlegend) !== null && _51 !== void 0 ? _51 : radarTraces.length > 1,
+                            legend: tslib_1.__assign(tslib_1.__assign({}, radarLegendOverrides.legend), ((_52 = radarBand.legend) !== null && _52 !== void 0 ? _52 : {})),
                             polar: {
                                 radialaxis: {
                                     visible: (radarAxisOptions === null || radarAxisOptions === void 0 ? void 0 : radarAxisOptions.visible) !== false,
@@ -1126,13 +1148,13 @@ var BasicChart = function (_a) {
                     // V-variants additionally get a volume column sub-pane below the
                     // price plot.
                     if (spec.chartType === "stock") {
-                        variant = ((_50 = spec.stockVariant) !== null && _50 !== void 0 ? _50 : "HLC");
+                        variant = ((_53 = spec.stockVariant) !== null && _53 !== void 0 ? _53 : "HLC");
                         categories = flattenChartDataValues(spec.domains, getDomainValuesFromRange, spec.hiddenDimensionStrategy, false).map(function (v) { return String(v !== null && v !== void 0 ? v : ""); });
-                        seriesValues = ((_51 = spec.series) !== null && _51 !== void 0 ? _51 : []).map(function (seriesEntry) {
+                        seriesValues = ((_54 = spec.series) !== null && _54 !== void 0 ? _54 : []).map(function (seriesEntry) {
                             return flattenChartDataValues([seriesEntry], getSeriesValuesFromRange, spec.hiddenDimensionStrategy).map(function (v) { return (typeof v === "number" ? v : Number(v)); });
                         });
                         volumePoints_1 = (0, stock_1.toVolumeSeries)(seriesValues, variant);
-                        hasVolume = ((_52 = volumePoints_1 === null || volumePoints_1 === void 0 ? void 0 : volumePoints_1.length) !== null && _52 !== void 0 ? _52 : 0) > 0;
+                        hasVolume = ((_55 = volumePoints_1 === null || volumePoints_1 === void 0 ? void 0 : volumePoints_1.length) !== null && _55 !== void 0 ? _55 : 0) > 0;
                         buildVolumeTrace = function (xs) {
                             return ({
                                 type: "bar",
@@ -1165,25 +1187,25 @@ var BasicChart = function (_a) {
                             roles = (0, stock_1.assignStockRoles)(seriesValues, variant);
                             xs_1 = categories.length > 0
                                 ? categories
-                                : ((_53 = roles.close) !== null && _53 !== void 0 ? _53 : []).map(function (_, i) { return i + 1; });
+                                : ((_56 = roles.close) !== null && _56 !== void 0 ? _56 : []).map(function (_, i) { return i + 1; });
                             candleTrace = {
                                 type: "candlestick",
                                 x: xs_1,
-                                open: ((_54 = roles.open) !== null && _54 !== void 0 ? _54 : []).map(function (v) { return v !== null && v !== void 0 ? v : null; }),
-                                high: ((_55 = roles.high) !== null && _55 !== void 0 ? _55 : []).map(function (v) { return v !== null && v !== void 0 ? v : null; }),
-                                low: ((_56 = roles.low) !== null && _56 !== void 0 ? _56 : []).map(function (v) { return v !== null && v !== void 0 ? v : null; }),
-                                close: ((_57 = roles.close) !== null && _57 !== void 0 ? _57 : []).map(function (v) { return v !== null && v !== void 0 ? v : null; }),
+                                open: ((_57 = roles.open) !== null && _57 !== void 0 ? _57 : []).map(function (v) { return v !== null && v !== void 0 ? v : null; }),
+                                high: ((_58 = roles.high) !== null && _58 !== void 0 ? _58 : []).map(function (v) { return v !== null && v !== void 0 ? v : null; }),
+                                low: ((_59 = roles.low) !== null && _59 !== void 0 ? _59 : []).map(function (v) { return v !== null && v !== void 0 ? v : null; }),
+                                close: ((_60 = roles.close) !== null && _60 !== void 0 ? _60 : []).map(function (v) { return v !== null && v !== void 0 ? v : null; }),
                                 increasing: { line: { color: theme.themeColors.accent1 } },
                                 decreasing: { line: { color: theme.themeColors.accent2 } },
                             };
                             setPlotData(hasVolume ? [candleTrace, buildVolumeTrace(xs_1)] : [candleTrace]);
                             setLayout(tslib_1.__assign(tslib_1.__assign({ title: { text: (0, plotly_title_1.plotlyTitleText)(title, spec.titleTextFormat) }, font: { color: textColor }, paper_bgcolor: bgColor, plot_bgcolor: bgColor, showlegend: false, xaxis: {
-                                    title: { text: (_58 = spec.horizontalAxisTitle) !== null && _58 !== void 0 ? _58 : "" },
+                                    title: { text: (_61 = spec.horizontalAxisTitle) !== null && _61 !== void 0 ? _61 : "" },
                                     automargin: true,
                                     showgrid: true,
                                     gridcolor: gridColor,
                                     rangeslider: { visible: false },
-                                }, yaxis: tslib_1.__assign({ title: { text: (_59 = spec.verticalAxisTitle) !== null && _59 !== void 0 ? _59 : "" }, automargin: true, showgrid: true, gridcolor: gridColor }, priceYAxisDomain) }, volumeLayout), { margin: { l: 50, r: 50, t: 50, b: 50 }, autosize: true }));
+                                }, yaxis: tslib_1.__assign({ title: { text: (_62 = spec.verticalAxisTitle) !== null && _62 !== void 0 ? _62 : "" }, automargin: true, showgrid: true, gridcolor: gridColor }, priceYAxisDomain) }, volumeLayout), { margin: { l: 50, r: 50, t: 50, b: 50 }, autosize: true }));
                             return [2 /*return*/];
                         }
                         lineSeries = (0, stock_1.toLineSeries)(seriesValues, variant);
@@ -1195,7 +1217,7 @@ var BasicChart = function (_a) {
                         ]);
                         xs_2 = categories.length > 0
                             ? categories
-                            : ((_61 = (_60 = lineSeries[0]) === null || _60 === void 0 ? void 0 : _60.values) !== null && _61 !== void 0 ? _61 : []).map(function (_, i) { return i + 1; });
+                            : ((_64 = (_63 = lineSeries[0]) === null || _63 === void 0 ? void 0 : _63.values) !== null && _64 !== void 0 ? _64 : []).map(function (_, i) { return i + 1; });
                         stockTraces = lineSeries.map(function (s, i) { return ({
                             type: "scatter",
                             mode: "lines",
@@ -1206,11 +1228,11 @@ var BasicChart = function (_a) {
                         }); });
                         setPlotData(hasVolume ? tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(stockTraces), false), [buildVolumeTrace(xs_2)], false) : stockTraces);
                         setLayout(tslib_1.__assign(tslib_1.__assign({ title: { text: (0, plotly_title_1.plotlyTitleText)(title, spec.titleTextFormat) }, font: { color: textColor }, paper_bgcolor: bgColor, plot_bgcolor: bgColor, showlegend: stockTraces.length > 1, xaxis: {
-                                title: { text: (_62 = spec.horizontalAxisTitle) !== null && _62 !== void 0 ? _62 : "" },
+                                title: { text: (_65 = spec.horizontalAxisTitle) !== null && _65 !== void 0 ? _65 : "" },
                                 automargin: true,
                                 showgrid: true,
                                 gridcolor: gridColor,
-                            }, yaxis: tslib_1.__assign({ title: { text: (_63 = spec.verticalAxisTitle) !== null && _63 !== void 0 ? _63 : "" }, automargin: true, showgrid: true, gridcolor: gridColor }, priceYAxisDomain) }, volumeLayout), { margin: { l: 50, r: 50, t: 50, b: 50 }, autosize: true }));
+                            }, yaxis: tslib_1.__assign({ title: { text: (_66 = spec.verticalAxisTitle) !== null && _66 !== void 0 ? _66 : "" }, automargin: true, showgrid: true, gridcolor: gridColor }, priceYAxisDomain) }, volumeLayout), { margin: { l: 50, r: 50, t: 50, b: 50 }, autosize: true }));
                         return [2 /*return*/];
                     }
                     isStacked = spec.stackedType && spec.stackedType !== "UNSTACKED";
@@ -1257,12 +1279,12 @@ var BasicChart = function (_a) {
                         return extra;
                     };
                     shouldAggregate = (0, aggregation_1.shouldAggregateSeries)(spec.series);
-                    primaryDomainSource = (_66 = (_65 = (_64 = spec === null || spec === void 0 ? void 0 : spec.domains) === null || _64 === void 0 ? void 0 : _64[0]) === null || _65 === void 0 ? void 0 : _65.sources) === null || _66 === void 0 ? void 0 : _66[0];
+                    primaryDomainSource = (_69 = (_68 = (_67 = spec === null || spec === void 0 ? void 0 : spec.domains) === null || _67 === void 0 ? void 0 : _67[0]) === null || _68 === void 0 ? void 0 : _68.sources) === null || _69 === void 0 ? void 0 : _69[0];
                     rawPrimaryDomainValues = primaryDomainSource
-                        ? (0, aggregation_1.sanitizeDomainValues)((_67 = getDomainValuesFromRange(primaryDomainSource, spec.hiddenDimensionStrategy)) !== null && _67 !== void 0 ? _67 : [])
+                        ? (0, aggregation_1.sanitizeDomainValues)((_70 = getDomainValuesFromRange(primaryDomainSource, spec.hiddenDimensionStrategy)) !== null && _70 !== void 0 ? _70 : [])
                         : [];
                     domainData = (0, aggregation_1.getDomainValuesForAxis)(rawPrimaryDomainValues, shouldAggregate);
-                    categoryLevels = (0, category_levels_1.resolveCategoryLevels)((_68 = spec.categoryLevels) === null || _68 === void 0 ? void 0 : _68.map(function (level) {
+                    categoryLevels = (0, category_levels_1.resolveCategoryLevels)((_71 = spec.categoryLevels) === null || _71 === void 0 ? void 0 : _71.map(function (level) {
                         return flattenChartDataValues([level], getDomainValuesFromRange, spec.hiddenDimensionStrategy, false);
                     }));
                     multicategoryX = categoryLevels
@@ -1272,7 +1294,7 @@ var BasicChart = function (_a) {
                         domainData = categoryLevels.leaf;
                     }
                     aggregateDomainValues = domainData;
-                    domainAxisData = (categoryLevels ? [] : (_69 = spec.domains) !== null && _69 !== void 0 ? _69 : []).map(function (domain, domainIndex) {
+                    domainAxisData = (categoryLevels ? [] : (_72 = spec.domains) !== null && _72 !== void 0 ? _72 : []).map(function (domain, domainIndex) {
                         return domain.sources.flatMap(function (sheetRange, sourceIndex) {
                             var _a;
                             if (domainIndex === 0 && sourceIndex === 0) {
@@ -1443,7 +1465,7 @@ var BasicChart = function (_a) {
                     ofPieExtras = null;
                     decorateCartesianTrace = function (trace, series, values, dataLabel) {
                         var e_8, _a;
-                        var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+                        var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
                         var target = trace;
                         // Secondary value axis. Plotly overlays a second value axis ("y2",
                         // or "x2" for a horizontal bar) and the trace points at it.
@@ -1478,8 +1500,8 @@ var BasicChart = function (_a) {
                         // Trendlines — one overlay scatter trace per spec, reusing the
                         // shared regression util.
                         var seriesColor = (_g = series.color) !== null && _g !== void 0 ? _g : theme.themeColors.accent1;
-                        var _loop_3 = function (tl) {
-                            var _p, _q;
+                        var _loop_4 = function (tl) {
+                            var _q, _r;
                             var result = (0, trendline_1.computeTrendline)(values, {
                                 type: tl.type,
                                 order: tl.order,
@@ -1497,13 +1519,23 @@ var BasicChart = function (_a) {
                                 return p.x >= 0 && p.x < categories.length ? categories[p.x] : p.x;
                             });
                             var ys = result.points.map(function (p) { return p.y; });
-                            var overlay = tslib_1.__assign(tslib_1.__assign({ type: "scatter", mode: "lines", name: tlName, line: {
+                            var label = (0, trendline_1.trendlineLabel)(tl, result);
+                            var overlay = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ type: "scatter", mode: label ? "lines+text" : "lines", name: tlName, line: {
                                     color: (_l = tl.color) !== null && _l !== void 0 ? _l : seriesColor,
                                     dash: "dash",
                                     width: 2,
-                                }, hoverinfo: "skip" }, (series.useSecondaryAxis
-                                ? (_p = {}, _p[valueAxisKey] = secondaryValueAxisRef, _p) : {})), (series.useSecondaryAxis && secondaryDomainData
-                                ? (_q = {}, _q[categoryAxisKey] = secondaryCategoryAxisRef, _q) : {}));
+                                }, hoverinfo: "skip" }, (label
+                                ? {
+                                    // Excel prints the equation / R² at the line's end.
+                                    text: result.points.map(function (_, i) {
+                                        return i === result.points.length - 1 ? label.replace("\n", "<br>") : "";
+                                    }),
+                                    textposition: "top left",
+                                    textfont: { color: (_m = tl.color) !== null && _m !== void 0 ? _m : seriesColor, size: 11 },
+                                }
+                                : {})), (series.useSecondaryAxis
+                                ? (_q = {}, _q[valueAxisKey] = secondaryValueAxisRef, _q) : {})), (series.useSecondaryAxis && secondaryDomainData
+                                ? (_r = {}, _r[categoryAxisKey] = secondaryCategoryAxisRef, _r) : {}));
                             if (isHorizontalBarChart) {
                                 overlay.x = ys;
                                 overlay.y = xs;
@@ -1516,42 +1548,49 @@ var BasicChart = function (_a) {
                             traces.push(overlay);
                         };
                         try {
-                            for (var _m = tslib_1.__values((_h = series.trendlines) !== null && _h !== void 0 ? _h : []), _o = _m.next(); !_o.done; _o = _m.next()) {
-                                var tl = _o.value;
-                                _loop_3(tl);
+                            for (var _o = tslib_1.__values((_h = series.trendlines) !== null && _h !== void 0 ? _h : []), _p = _o.next(); !_p.done; _p = _o.next()) {
+                                var tl = _p.value;
+                                _loop_4(tl);
                             }
                         }
                         catch (e_8_1) { e_8 = { error: e_8_1 }; }
                         finally {
                             try {
-                                if (_o && !_o.done && (_a = _m.return)) _a.call(_m);
+                                if (_p && !_p.done && (_a = _o.return)) _a.call(_o);
                             }
                             finally { if (e_8) throw e_8.error; }
                         }
                     };
-                    domainSources = (_72 = (_71 = (_70 = spec.domains) === null || _70 === void 0 ? void 0 : _70[0]) === null || _71 === void 0 ? void 0 : _71.sources) !== null && _72 !== void 0 ? _72 : [];
+                    domainSources = (_75 = (_74 = (_73 = spec.domains) === null || _73 === void 0 ? void 0 : _73[0]) === null || _74 === void 0 ? void 0 : _74.sources) !== null && _75 !== void 0 ? _75 : [];
                     seriesIndex = 0;
                     _loop_2 = function (series) {
-                        var currentSeriesIndex, dataLabel, _106, _107, effectiveChartType, lineLike, pieDomainLabels, piePointOffset, seriesData, seriesPlotlyType, seriesTraceStyle, rawValues, binCount, binningOptions, categories, prebinned, _108, labels, counts, cumulativePercents, barTrace, paretoLineColor, barTrace, trace, rawValues, quartileMethod, showOutliers, showMeanMarker, showInnerPoints, showMeanLine, boxDomainSource, boxCategories_1, grouped, values, trace, rawValues, totalIndices_1, increaseColor, trace, rawValues, trace, pieData, _109, main_1, secondary, otherTotal, total, ofPieType, secondScale, halfAngle, paletteAt_1, MAIN_DOMAIN_X, CY, SECONDARY_CX, BAR_LEFT, BAR_RIGHT, plotW, plotH, hasGeometry, r, r2, clampFrac, rx2, ry2, barHalf, shapes, connectorColor, mainCx, px, pyTop, pyBottom, tx, half, line, pieData, trace, _110, x, y, orientation_1, trace, numericValues, _111, x, y, orientation_2, trace;
-                        return tslib_1.__generator(this, function (_112) {
-                            switch (_112.label) {
+                        var currentSeriesIndex, dataLabel, _110, _111, _112, effectiveChartType, lineLike, pieDomainLabels, piePointOffset, seriesData, seriesPlotlyType, seriesTraceStyle, rawValues, binCount, binningOptions, categories, prebinned, _113, labels, counts, cumulativePercents, barTrace, paretoLineColor, barTrace, trace, rawValues, quartileMethod, showOutliers, showMeanMarker, showInnerPoints, showMeanLine, boxDomainSource, boxCategories_1, grouped_1, values, trace, rawValues, totalIndices_1, increaseColor, trace, rawValues, trace, pieData, _114, main_1, secondary, otherTotal, total, ofPieType, secondScale, halfAngle, paletteAt_1, MAIN_DOMAIN_X, CY, SECONDARY_CX, BAR_LEFT, BAR_RIGHT, plotW, plotH, hasGeometry, r, r2, clampFrac, rx2, ry2, barHalf, shapes, connectorColor, mainCx, px, pyTop, pyBottom, tx, half, line, pieData, trace, _115, x, y, orientation_1, trace, numericValues, _116, x, y, orientation_2, trace;
+                        return tslib_1.__generator(this, function (_117) {
+                            switch (_117.label) {
                                 case 0:
                                     currentSeriesIndex = seriesIndex++;
-                                    if (!(!(0, utils_1.isNil)(series.dataLabel) && (0, utils_1.isAFormula)(series.dataLabel))) return [3 /*break*/, 2];
-                                    _107 = chart_spec_utils_1.coerceCalculatedLabel;
-                                    return [4 /*yield*/, onRequestCalculate(series.dataLabel, (_74 = position.sheetId) !== null && _74 !== void 0 ? _74 : sheetId, position.overlayPosition.anchorCell.rowIndex, position.overlayPosition.anchorCell.columnIndex)];
+                                    if (!((_77 = (0, series_name_1.linkedSeriesName)(series, getDomainValuesFromRange)) !== null && _77 !== void 0)) return [3 /*break*/, 1];
+                                    _110 = _77;
+                                    return [3 /*break*/, 5];
                                 case 1:
-                                    _106 = _107.apply(void 0, [_112.sent()]);
-                                    return [3 /*break*/, 3];
+                                    if (!(!(0, utils_1.isNil)(series.dataLabel) && (0, utils_1.isAFormula)(series.dataLabel))) return [3 /*break*/, 3];
+                                    _112 = chart_spec_utils_1.coerceCalculatedLabel;
+                                    return [4 /*yield*/, onRequestCalculate(series.dataLabel, (_78 = position.sheetId) !== null && _78 !== void 0 ? _78 : sheetId, position.overlayPosition.anchorCell.rowIndex, position.overlayPosition.anchorCell.columnIndex)];
                                 case 2:
-                                    _106 = (_75 = series.dataLabel) !== null && _75 !== void 0 ? _75 : "";
-                                    _112.label = 3;
+                                    _111 = _112.apply(void 0, [_117.sent()]);
+                                    return [3 /*break*/, 4];
                                 case 3:
-                                    dataLabel = _106;
+                                    _111 = (_79 = series.dataLabel) !== null && _79 !== void 0 ? _79 : "";
+                                    _117.label = 4;
+                                case 4:
+                                    _110 = (_111);
+                                    _117.label = 5;
+                                case 5:
+                                    dataLabel = _110;
                                     // A series with no ranges draws nothing.
                                     if (series.sources.length === 0)
                                         return [2 /*return*/, "continue"];
-                                    effectiveChartType = (_76 = series.seriesChartType) !== null && _76 !== void 0 ? _76 : spec.chartType;
+                                    effectiveChartType = (_80 = series.seriesChartType) !== null && _80 !== void 0 ? _80 : spec.chartType;
                                     lineLike = (0, empty_cells_1.isLineLikeChartType)(effectiveChartType);
                                     pieDomainLabels = (spec.chartType === "pie" || spec.chartType === "doughnut") &&
                                         (domainSources.length > 1 || series.sources.length > 1)
@@ -1594,19 +1633,19 @@ var BasicChart = function (_a) {
                                         };
                                         categories = domainData;
                                         prebinned = categories.length
-                                            ? (0, histogram_1.aggregateByCategory)(categories, rawValues, (_77 = series.aggregateType) !== null && _77 !== void 0 ? _77 : "SUM")
+                                            ? (0, histogram_1.aggregateByCategory)(categories, rawValues, (_81 = series.aggregateType) !== null && _81 !== void 0 ? _81 : "SUM")
                                             : (0, histogram_1.hasExcelBinning)(binningOptions)
                                                 ? (0, histogram_1.binHistogram)(rawValues, binCount, binningOptions)
                                                 : null;
                                         if (isPareto) {
-                                            _108 = (0, histogram_1.computePareto)(prebinned !== null && prebinned !== void 0 ? prebinned : (0, histogram_1.binHistogram)(rawValues, binCount)), labels = _108.labels, counts = _108.counts, cumulativePercents = _108.cumulativePercents;
+                                            _113 = (0, histogram_1.computePareto)(prebinned !== null && prebinned !== void 0 ? prebinned : (0, histogram_1.binHistogram)(rawValues, binCount)), labels = _113.labels, counts = _113.counts, cumulativePercents = _113.cumulativePercents;
                                             barTrace = {
                                                 type: "bar",
                                                 x: labels,
                                                 y: counts,
                                                 name: dataLabel,
                                             };
-                                            applyTraceColor(barTrace, (_78 = series.color) !== null && _78 !== void 0 ? _78 : undefined, {
+                                            applyTraceColor(barTrace, (_82 = series.color) !== null && _82 !== void 0 ? _82 : undefined, {
                                                 noFill: series.noFill,
                                                 dataPointColors: series.dataPointColors,
                                                 seriesIndex: currentSeriesIndex,
@@ -1625,7 +1664,7 @@ var BasicChart = function (_a) {
                                                 y: prebinned.counts,
                                                 name: dataLabel,
                                             };
-                                            applyTraceColor(barTrace, (_79 = series.color) !== null && _79 !== void 0 ? _79 : undefined, {
+                                            applyTraceColor(barTrace, (_83 = series.color) !== null && _83 !== void 0 ? _83 : undefined, {
                                                 noFill: series.noFill,
                                                 dataPointColors: series.dataPointColors,
                                                 seriesIndex: currentSeriesIndex,
@@ -1637,7 +1676,7 @@ var BasicChart = function (_a) {
                                             trace = tslib_1.__assign({ type: "histogram", x: rawValues.map(function (v) { return (v !== null && v !== void 0 ? v : null); }), name: dataLabel }, (typeof binCount === "number" && binCount > 0
                                                 ? { nbinsx: binCount }
                                                 : {}));
-                                            applyTraceColor(trace, (_80 = series.color) !== null && _80 !== void 0 ? _80 : undefined, {
+                                            applyTraceColor(trace, (_84 = series.color) !== null && _84 !== void 0 ? _84 : undefined, {
                                                 noFill: series.noFill,
                                                 dataPointColors: series.dataPointColors,
                                                 seriesIndex: currentSeriesIndex,
@@ -1653,16 +1692,14 @@ var BasicChart = function (_a) {
                                         showMeanMarker = spec.showMeanMarker === true;
                                         showInnerPoints = spec.showInnerPoints === true;
                                         showMeanLine = spec.showMeanLine === true;
-                                        boxDomainSource = (_83 = (_82 = (_81 = spec.domains) === null || _81 === void 0 ? void 0 : _81[0]) === null || _82 === void 0 ? void 0 : _82.sources) === null || _83 === void 0 ? void 0 : _83[0];
+                                        boxDomainSource = (_87 = (_86 = (_85 = spec.domains) === null || _85 === void 0 ? void 0 : _85[0]) === null || _86 === void 0 ? void 0 : _86.sources) === null || _87 === void 0 ? void 0 : _87[0];
                                         boxCategories_1 = boxDomainSource
-                                            ? ((_84 = getDomainValuesFromRange(boxDomainSource, spec.hiddenDimensionStrategy)) !== null && _84 !== void 0 ? _84 : []).map(function (v) { return (v === null || v === undefined ? "" : "".concat(v).trim()); })
+                                            ? ((_88 = getDomainValuesFromRange(boxDomainSource, spec.hiddenDimensionStrategy)) !== null && _88 !== void 0 ? _88 : []).map(function (v) { return (v === null || v === undefined ? "" : "".concat(v).trim()); })
                                             : [];
-                                        grouped = boxCategories_1.some(function (c) { return c !== ""; });
+                                        grouped_1 = boxCategories_1.some(function (c) { return c !== ""; });
                                         values = rawValues.map(function (v) { return (v !== null && v !== void 0 ? v : null); });
-                                        trace = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ type: "box", name: dataLabel, y: values }, (grouped
-                                            ? { x: values.map(function (_, i) { var _a; return (_a = boxCategories_1[i]) !== null && _a !== void 0 ? _a : ""; }) }
-                                            : {})), (quartileMethod ? { quartilemethod: quartileMethod } : {})), { boxpoints: showInnerPoints ? "all" : showOutliers ? "outliers" : false }), (showInnerPoints ? { jitter: 0, pointpos: 0 } : {})), (showMeanMarker || showMeanLine ? { boxmean: true } : {}));
-                                        applyTraceColor(trace, (_85 = series.color) !== null && _85 !== void 0 ? _85 : undefined, {
+                                        trace = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ type: "box", name: dataLabel, y: values, x: values.map(function (_, i) { var _a; return (grouped_1 ? (_a = boxCategories_1[i]) !== null && _a !== void 0 ? _a : "" : "1"); }) }, (quartileMethod ? { quartilemethod: quartileMethod } : {})), { boxpoints: showInnerPoints ? "all" : showOutliers ? "outliers" : false }), (showInnerPoints ? { jitter: 0, pointpos: 0 } : {})), (showMeanMarker || showMeanLine ? { boxmean: true } : {}));
+                                        applyTraceColor(trace, (_89 = series.color) !== null && _89 !== void 0 ? _89 : undefined, {
                                             noFill: series.noFill,
                                             dataPointColors: series.dataPointColors,
                                             seriesIndex: currentSeriesIndex,
@@ -1672,8 +1709,8 @@ var BasicChart = function (_a) {
                                     }
                                     else if (effectiveChartType === "waterfall") {
                                         rawValues = seriesValuesOf(seriesData);
-                                        totalIndices_1 = new Set((_86 = spec.totalIndices) !== null && _86 !== void 0 ? _86 : []);
-                                        increaseColor = (_87 = series.color) !== null && _87 !== void 0 ? _87 : (0, utils_1.chartPaletteColorAt)(themeColorPalette, currentSeriesIndex);
+                                        totalIndices_1 = new Set((_90 = spec.totalIndices) !== null && _90 !== void 0 ? _90 : []);
+                                        increaseColor = (_91 = series.color) !== null && _91 !== void 0 ? _91 : (0, utils_1.chartPaletteColorAt)(themeColorPalette, currentSeriesIndex);
                                         trace = {
                                             type: "waterfall",
                                             x: categoriesFor(series),
@@ -1685,10 +1722,10 @@ var BasicChart = function (_a) {
                                             increasing: { marker: { color: increaseColor } },
                                             decreasing: {
                                                 marker: {
-                                                    color: (_89 = (_88 = series.negativeColor) !== null && _88 !== void 0 ? _88 : theme.themeColors.accent2) !== null && _89 !== void 0 ? _89 : increaseColor,
+                                                    color: (_93 = (_92 = series.negativeColor) !== null && _92 !== void 0 ? _92 : theme.themeColors.accent2) !== null && _93 !== void 0 ? _93 : increaseColor,
                                                 },
                                             },
-                                            totals: { marker: { color: (_90 = theme.themeColors.accent3) !== null && _90 !== void 0 ? _90 : increaseColor } },
+                                            totals: { marker: { color: (_94 = theme.themeColors.accent3) !== null && _94 !== void 0 ? _94 : increaseColor } },
                                             connector: {
                                                 line: {
                                                     color: isDarkMode ? "rgba(255,255,255,0.45)" : "#999999",
@@ -1708,7 +1745,7 @@ var BasicChart = function (_a) {
                                             name: dataLabel,
                                             textinfo: "none",
                                         };
-                                        applyTraceColor(trace, (_91 = series.color) !== null && _91 !== void 0 ? _91 : undefined, {
+                                        applyTraceColor(trace, (_95 = series.color) !== null && _95 !== void 0 ? _95 : undefined, {
                                             noFill: series.noFill,
                                             dataPointColors: series.dataPointColors,
                                             seriesIndex: currentSeriesIndex,
@@ -1726,10 +1763,10 @@ var BasicChart = function (_a) {
                                             return [2 /*return*/, "continue"];
                                         ofPieHandled = true;
                                         pieData = seriesData;
-                                        _109 = (0, of_pie_1.splitOfPie)(pieData.values, pieData.labels, {
+                                        _114 = (0, of_pie_1.splitOfPie)(pieData.values, pieData.labels, {
                                             splitType: spec.splitType,
                                             splitPos: spec.splitPos,
-                                        }), main_1 = _109.main, secondary = _109.secondary, otherTotal = _109.otherTotal, total = _109.total;
+                                        }), main_1 = _114.main, secondary = _114.secondary, otherTotal = _114.otherTotal, total = _114.total;
                                         ofPieType = (0, of_pie_1.resolveOfPieType)(spec.ofPieType);
                                         secondScale = (0, of_pie_1.clampSecondPieSize)(spec.secondPieSize) / 100;
                                         halfAngle = (0, of_pie_1.otherSliceHalfAngle)(otherTotal, total);
@@ -1862,7 +1899,7 @@ var BasicChart = function (_a) {
                                         trace.meta = {
                                             rncSeriesIndex: currentSeriesIndex,
                                         };
-                                        applyTraceColor(trace, (_92 = series.color) !== null && _92 !== void 0 ? _92 : undefined, {
+                                        applyTraceColor(trace, (_96 = series.color) !== null && _96 !== void 0 ? _96 : undefined, {
                                             noFill: series.noFill,
                                             dataPointColors: series.dataPointColors,
                                             seriesIndex: currentSeriesIndex,
@@ -1871,13 +1908,13 @@ var BasicChart = function (_a) {
                                         traces.push(trace);
                                     }
                                     else if ("values" in seriesData && "labels" in seriesData) {
-                                        _110 = assignCartesianData(categoriesFor(series), seriesData.values), x = _110.x, y = _110.y, orientation_1 = _110.orientation;
+                                        _115 = assignCartesianData(categoriesFor(series), seriesData.values), x = _115.x, y = _115.y, orientation_1 = _115.orientation;
                                         trace = tslib_1.__assign(tslib_1.__assign({ type: seriesPlotlyType, x: x, y: y, orientation: orientation_1, name: dataLabel, stackgroup: isStacked ? "one" : undefined }, seriesTraceStyle), lineTraceVariant(series, effectiveChartType, seriesData.values));
                                         // Ties the trace back to spec.series for click selection
                                         trace.meta = {
                                             rncSeriesIndex: currentSeriesIndex,
                                         };
-                                        applyTraceColor(trace, (_93 = series.color) !== null && _93 !== void 0 ? _93 : undefined, {
+                                        applyTraceColor(trace, (_97 = series.color) !== null && _97 !== void 0 ? _97 : undefined, {
                                             noFill: series.noFill,
                                             dataPointColors: series.dataPointColors,
                                             invertIfNegative: series.invertIfNegative,
@@ -1892,13 +1929,13 @@ var BasicChart = function (_a) {
                                     }
                                     else {
                                         numericValues = seriesData;
-                                        _111 = assignCartesianData(categoriesFor(series), numericValues), x = _111.x, y = _111.y, orientation_2 = _111.orientation;
+                                        _116 = assignCartesianData(categoriesFor(series), numericValues), x = _116.x, y = _116.y, orientation_2 = _116.orientation;
                                         trace = tslib_1.__assign(tslib_1.__assign({ type: seriesPlotlyType, x: x, y: y, orientation: orientation_2, name: dataLabel, stackgroup: isStacked ? "one" : undefined }, seriesTraceStyle), lineTraceVariant(series, effectiveChartType, numericValues));
                                         // Ties the trace back to spec.series for click selection
                                         trace.meta = {
                                             rncSeriesIndex: currentSeriesIndex,
                                         };
-                                        applyTraceColor(trace, (_94 = series.color) !== null && _94 !== void 0 ? _94 : undefined, {
+                                        applyTraceColor(trace, (_98 = series.color) !== null && _98 !== void 0 ? _98 : undefined, {
                                             noFill: series.noFill,
                                             dataPointColors: series.dataPointColors,
                                             invertIfNegative: series.invertIfNegative,
@@ -1915,33 +1952,33 @@ var BasicChart = function (_a) {
                             }
                         });
                     };
-                    _105.label = 18;
-                case 18:
-                    _105.trys.push([18, 23, 24, 25]);
-                    _j = tslib_1.__values((_73 = spec.series) !== null && _73 !== void 0 ? _73 : []), _k = _j.next();
-                    _105.label = 19;
-                case 19:
-                    if (!!_k.done) return [3 /*break*/, 22];
-                    series = _k.value;
-                    return [5 /*yield**/, _loop_2(series)];
+                    _109.label = 20;
                 case 20:
-                    _105.sent();
-                    _105.label = 21;
+                    _109.trys.push([20, 25, 26, 27]);
+                    _k = tslib_1.__values((_76 = spec.series) !== null && _76 !== void 0 ? _76 : []), _l = _k.next();
+                    _109.label = 21;
                 case 21:
-                    _k = _j.next();
-                    return [3 /*break*/, 19];
-                case 22: return [3 /*break*/, 25];
+                    if (!!_l.done) return [3 /*break*/, 24];
+                    series = _l.value;
+                    return [5 /*yield**/, _loop_2(series)];
+                case 22:
+                    _109.sent();
+                    _109.label = 23;
                 case 23:
-                    e_3_1 = _105.sent();
+                    _l = _k.next();
+                    return [3 /*break*/, 21];
+                case 24: return [3 /*break*/, 27];
+                case 25:
+                    e_3_1 = _109.sent();
                     e_3 = { error: e_3_1 };
-                    return [3 /*break*/, 25];
-                case 24:
+                    return [3 /*break*/, 27];
+                case 26:
                     try {
-                        if (_k && !_k.done && (_p = _j.return)) _p.call(_j);
+                        if (_l && !_l.done && (_q = _k.return)) _q.call(_k);
                     }
                     finally { if (e_3) throw e_3.error; }
                     return [7 /*endfinally*/];
-                case 25:
+                case 27:
                     authoredTitleFmt = spec.titleTextFormat;
                     isPercentStackedBars = spec.stackedType === "PERCENT_STACKED" &&
                         (spec.chartType === "bar" || spec.chartType === "column");
@@ -1949,17 +1986,17 @@ var BasicChart = function (_a) {
                         ? undefined
                         : (0, axis_number_format_1.resolveValueAxisNumberFormat)({
                             axisOptions: spec.valueAxisOptions,
-                            series: ((_95 = spec.series) !== null && _95 !== void 0 ? _95 : []).filter(function (s) { return !s.useSecondaryAxis; }),
+                            series: ((_99 = spec.series) !== null && _99 !== void 0 ? _99 : []).filter(function (s) { return !s.useSecondaryAxis; }),
                             getFormattingFromRange: getFormattingFromRange,
                             hiddenDimensionStrategy: spec.hiddenDimensionStrategy,
                         });
                     secondaryAxisNumberFormat = (0, axis_number_format_1.resolveValueAxisNumberFormat)({
                         axisOptions: spec.secondaryValueAxisOptions,
-                        series: ((_96 = spec.series) !== null && _96 !== void 0 ? _96 : []).filter(function (s) { return s.useSecondaryAxis; }),
+                        series: ((_100 = spec.series) !== null && _100 !== void 0 ? _100 : []).filter(function (s) { return s.useSecondaryAxis; }),
                         getFormattingFromRange: getFormattingFromRange,
                         hiddenDimensionStrategy: spec.hiddenDimensionStrategy,
                     });
-                    _l = applyLegendOverridesPlotly({ font: { color: textColor } }, spec.legend), legendOverrides = _l.legend, showlegend = _l.showlegend;
+                    _m = applyLegendOverridesPlotly({ font: { color: textColor } }, spec.legend), legendOverrides = _m.legend, showlegend = _m.showlegend;
                     axisFontSize = 12;
                     primaryValues = traces.flatMap(function (trace) {
                         var values = isHorizontalBarChart ? trace === null || trace === void 0 ? void 0 : trace.x : trace === null || trace === void 0 ? void 0 : trace.y;
@@ -2003,14 +2040,14 @@ var BasicChart = function (_a) {
                         ? VALUE_AXIS_TITLE_STANDOFF
                         : legend_layout_1.BAND_GAP;
                     legendBand = (0, legend_layout_1.reservePlotlyLegendBand)({
-                        position: (_97 = spec.legend) === null || _97 === void 0 ? void 0 : _97.position,
+                        position: (_101 = spec.legend) === null || _101 === void 0 ? void 0 : _101.position,
                         visible: showlegend !== false,
                         labels: (0, legend_layout_1.legendLabelsFrom)(undefined, traces.map(function (trace) { return trace === null || trace === void 0 ? void 0 : trace.name; })),
-                        legendFontSize: (_100 = (_99 = (_98 = spec.legend) === null || _98 === void 0 ? void 0 : _98.textFormat) === null || _99 === void 0 ? void 0 : _99.fontSize) !== null && _100 !== void 0 ? _100 : axisFontSize,
+                        legendFontSize: (_104 = (_103 = (_102 = spec.legend) === null || _102 === void 0 ? void 0 : _102.textFormat) === null || _103 === void 0 ? void 0 : _103.fontSize) !== null && _104 !== void 0 ? _104 : axisFontSize,
                         width: Math.max(0, (width !== null && width !== void 0 ? width : 0) - 2),
                         height: Math.max(0, (height !== null && height !== void 0 ? height : 0) - 2),
                         hasTitle: Boolean(title),
-                        titleFontSize: (_101 = authoredTitleFmt === null || authoredTitleFmt === void 0 ? void 0 : authoredTitleFmt.fontSize) !== null && _101 !== void 0 ? _101 : 16,
+                        titleFontSize: (_105 = authoredTitleFmt === null || authoredTitleFmt === void 0 ? void 0 : authoredTitleFmt.fontSize) !== null && _105 !== void 0 ? _105 : 16,
                         hasBottomAxisTitle: Boolean(spec.horizontalAxisTitle),
                         hasLeftAxisTitle: Boolean(spec.verticalAxisTitle),
                         leftAxisDepth: leftAxisDepth,
@@ -2022,7 +2059,7 @@ var BasicChart = function (_a) {
                                 family: "Untitled Sans, apple-system, sans-serif",
                                 size: 16,
                                 color: textColor,
-                            }, authoredTitleFmt), x: 0.02, xanchor: "left" }, legendBand.title), showlegend: showlegend === undefined ? true : showlegend, legend: tslib_1.__assign(tslib_1.__assign({}, legendOverrides), ((_102 = legendBand.legend) !== null && _102 !== void 0 ? _102 : {})), margin: legendBand.margin, autosize: true }, ((spec.chartType === "bar" || spec.chartType === "column") &&
+                            }, authoredTitleFmt), x: 0.02, xanchor: "left" }, legendBand.title), showlegend: showlegend === undefined ? true : showlegend, legend: tslib_1.__assign(tslib_1.__assign({}, legendOverrides), ((_106 = legendBand.legend) !== null && _106 !== void 0 ? _106 : {})), margin: legendBand.margin, autosize: true }, ((spec.chartType === "bar" || spec.chartType === "column") &&
                         spec.stackedType
                         ? tslib_1.__assign({ barmode: spec.stackedType === "STACKED" ||
                                 spec.stackedType === "PERCENT_STACKED"
@@ -2043,7 +2080,7 @@ var BasicChart = function (_a) {
                             color: textColor,
                         }, paper_bgcolor: bgColor, plot_bgcolor: bgColor, xaxis: applyAxisOverridesPlotly({
                             title: {
-                                text: (_103 = spec.horizontalAxisTitle) !== null && _103 !== void 0 ? _103 : "",
+                                text: (_107 = spec.horizontalAxisTitle) !== null && _107 !== void 0 ? _107 : "",
                                 font: { color: textColor },
                                 standoff: bottomAxisTitleStandoff,
                             },
@@ -2061,7 +2098,7 @@ var BasicChart = function (_a) {
                         isHorizontalBarChart
                             ? spec.valueAxisOptions
                             : spec.categoryAxisOptions, isHorizontalBarChart ? primaryAxisNumberFormat : undefined), yaxis: applyAxisOverridesPlotly({
-                            title: tslib_1.__assign({ text: (_104 = spec.verticalAxisTitle) !== null && _104 !== void 0 ? _104 : "", font: { color: textColor } }, (isHorizontalBarChart
+                            title: tslib_1.__assign({ text: (_108 = spec.verticalAxisTitle) !== null && _108 !== void 0 ? _108 : "", font: { color: textColor } }, (isHorizontalBarChart
                                 ? {}
                                 : { standoff: VALUE_AXIS_TITLE_STANDOFF })),
                             showgrid: !isHorizontalBarChart,
@@ -2075,16 +2112,16 @@ var BasicChart = function (_a) {
                         }, isHorizontalBarChart
                             ? spec.categoryAxisOptions
                             : spec.valueAxisOptions, isHorizontalBarChart ? undefined : primaryAxisNumberFormat) }), (hasSecondaryAxis
-                        ? (_q = {},
-                            _q[isHorizontalBarChart ? "xaxis2" : "yaxis2"] = applyAxisOverridesPlotly(tslib_1.__assign({ title: {
+                        ? (_r = {},
+                            _r[isHorizontalBarChart ? "xaxis2" : "yaxis2"] = applyAxisOverridesPlotly(tslib_1.__assign({ title: {
                                     font: { color: textColor },
                                     standoff: VALUE_AXIS_TITLE_STANDOFF,
                                 }, overlaying: isHorizontalBarChart ? "x" : "y", side: isHorizontalBarChart ? "top" : "right", showgrid: false, automargin: true }, (isPareto
                                 ? { range: [0, 100], ticksuffix: "%" }
                                 : {})), spec.secondaryValueAxisOptions, secondaryAxisNumberFormat),
-                            _q) : {})), (hasSecondaryCategoryAxis && secondaryDomainData
-                        ? (_r = {},
-                            _r[isHorizontalBarChart ? "yaxis2" : "xaxis2"] = {
+                            _r) : {})), (hasSecondaryCategoryAxis && secondaryDomainData
+                        ? (_s = {},
+                            _s[isHorizontalBarChart ? "yaxis2" : "xaxis2"] = {
                                 overlaying: isHorizontalBarChart ? "y" : "x",
                                 side: isHorizontalBarChart ? "right" : "top",
                                 type: "category",
@@ -2094,7 +2131,7 @@ var BasicChart = function (_a) {
                                 automargin: true,
                                 visible: (0, helpers_1.showXAxis)(spec === null || spec === void 0 ? void 0 : spec.chartType),
                             },
-                            _r) : {})), (ofPieExtras
+                            _s) : {})), (ofPieExtras
                         ? tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ shapes: ofPieExtras.shapes }, (ofPieExtras.barmode ? { barmode: ofPieExtras.barmode } : {})), (ofPieExtras.xaxis2 ? { xaxis2: ofPieExtras.xaxis2 } : {})), (ofPieExtras.yaxis2 ? { yaxis2: ofPieExtras.yaxis2 } : {})) : {}));
                     dlOpts = spec.dataLabels;
                     doughnutSeriesOrder = spec.chartType === "doughnut"