@rowsncolumns/charts 28.1.18 → 28.1.19

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

@@ -20,13 +20,16 @@ var boxplot_1 = require("../utils/boxplot");
 var bubble_1 = require("../utils/bubble");
 var category_levels_1 = require("../utils/category-levels");
 var chart_image_1 = require("../utils/chart-image");
+var chart_lines_1 = require("../utils/chart-lines");
 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 data_table_1 = require("../utils/data-table");
 var doughnut_1 = require("../utils/doughnut");
 var echarts_gl_loader_1 = require("../utils/echarts-gl-loader");
 var echarts_overlays_1 = require("../utils/echarts-overlays");
 var empty_cells_1 = require("../utils/empty-cells");
+var excel_axis_scale_1 = require("../utils/excel-axis-scale");
 var gradient_1 = require("../utils/gradient");
 var hierarchy_1 = require("../utils/hierarchy");
 var histogram_1 = require("../utils/histogram");
@@ -254,11 +257,37 @@ var defaultLegendConfig = {
 };
 /** Category-axis title gap: clears one row of tick labels (#986). */
 var CATEGORY_AXIS_NAME_GAP = (0, legend_layout_1.categoryAxisNameGap)();
+/**
+ * Excel's chart text colour: Text 1 at 65% (`<a:schemeClr val="tx1"><a:lumMod
+ * val="65000"/><a:lumOff val="35000"/>`, #595959 on the light theme) — RD-24.
+ */
+var chartTextColor = function (theme, isDarkMode) {
+    return (0, spreadsheet_1.getStringifiedColor)({ theme: 1, tint: isDarkMode ? 1 : 0.35 }, theme);
+};
+/** The theme's body (minor) font, which Excel's chart text uses. */
+var chartFontFamily = function (theme) {
+    return (theme === null || theme === void 0 ? void 0 : theme.primaryFontFamily) ? "".concat(theme.primaryFontFamily, ", sans-serif") : "sans-serif";
+};
+/** Chart types whose value axes take Excel's automatic bounds and major unit. */
+var AUTO_SCALE_CHART_TYPES = new Set([
+    "column",
+    "bar",
+    "line",
+    "area",
+    "combo",
+]);
 var BasicChart = function (_a) {
-    var _b, _c, _d;
+    var _b, _c, _d, _e, _f;
     var width = _a.width, height = _a.height, chart = _a.chart, theme = _a.theme, isDarkMode = _a.isDarkMode, sheetId = _a.sheetId, readonly = _a.readonly, getDomainValuesFromRange = _a.getDomainValuesFromRange, getSeriesValuesFromRange = _a.getSeriesValuesFromRange, getFormattingFromRange = _a.getFormattingFromRange, onDeleteChart = _a.onDeleteChart, onUpdateChart = _a.onUpdateChart, onRequestEdit = _a.onRequestEdit, onRequestCalculate = _a.onRequestCalculate, isSelected = _a.isSelected, fieldButtons = _a.fieldButtons, locale = _a.locale, enable3D = _a.enable3D;
     var spec = chart.spec;
-    var explicitChartTitle = (_b = chart.spec.title) !== null && _b !== void 0 ? _b : undefined;
+    // A title linked to a cell shows the cell's text (FT-08); `title` is its last copy.
+    var titleSource = chart.spec.titleSource;
+    var linkedTitleValue = titleSource
+        ? (_b = getDomainValuesFromRange(titleSource)) === null || _b === void 0 ? void 0 : _b[0]
+        : undefined;
+    var explicitChartTitle = (_d = (_c = (linkedTitleValue !== undefined && linkedTitleValue !== null && linkedTitleValue !== ""
+        ? String(linkedTitleValue)
+        : undefined)) !== null && _c !== void 0 ? _c : chart.spec.title) !== null && _d !== void 0 ? _d : undefined;
     var hierarchyTitleRef = (0, react_1.useRef)(explicitChartTitle);
     var title = explicitChartTitle !== null && explicitChartTitle !== void 0 ? explicitChartTitle : hierarchyTitleRef.current;
     var el = (0, react_1.useRef)(null);
@@ -311,7 +340,7 @@ var BasicChart = function (_a) {
     // the chart upgrades from the immediate 2-D fallback to true 3-D.
     var renderedIn3D = (0, react_1.useRef)(false);
     var glUpgradeRequested = (0, react_1.useRef)(false);
-    var _e = tslib_1.__read((0, react_1.useState)(0), 2), glUpgradeTick = _e[0], setGlUpgradeTick = _e[1];
+    var _g = tslib_1.__read((0, react_1.useState)(0), 2), glUpgradeTick = _g[0], setGlUpgradeTick = _g[1];
     // Region-map (choropleth) pipeline state. The map option (geo +
     // visualMap) doesn't merge back into a cartesian one, so the instance
     // is re-initialized when entering/leaving the region-map rendering.
@@ -430,11 +459,11 @@ var BasicChart = function (_a) {
      * Triggers a chart update
      */
     var updateChart = function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-        var threeDRenderKind, canRender3D, willRender3D, isRegionMap, regionSpec, geoScope, geo, labels, seriesEntry, values, _a, data, unmatched, min, max, textColor, ramp, noDataColor, borderColor, regionSeriesLabel, seriesName, boxplotOverlayAxis, chartDomains, chartSeries, legend, chartType, position, showAxis, isBubble, isHierarchy, skipHeaders_1, labelValues, perSeriesX, perSeriesSize, seriesInputs, i, seriesEntry, linkedLabel, resolvedLabel, _b, xValues, sizeValues_1, sharedXValues, sharedSizeValues, _c, categories_1, preparedSeries, sizeValues, sizeScale_1, bubblePalette_1, bubbleItemColor_1, hasBubbleSecondaryAxis, xAxisConfig, tooltipFormatter, bubbleSeriesLabelFor_1, bubbleSeries, bubbleOverlays, bubbleLegend, bubbleBand, hierarchyRows, headerTitle, hierarchyPalette, isTreemap, banner, hierarchyData, rootName, drillDown, seriesDisplayName, hierarchyDepth, levels, hierarchyLegend, legendShown, categoryLegendSeries, sizeNumberFormat_1, tooltipFormatter, hierarchyDataLabels, hierarchyLabelOpts, hierarchyLabel, hierarchyBand, isContour, categories_2, contourSeriesInputs, _d, _e, seriesEntry, dataLabel, _f, _g, _h, values, e_1_1, seriesNames_1, contourPoints, _j, zMin, zMax, contourFormats_1, contourLabel, categories_3, threeDSeriesInputs, _k, _l, seriesEntry, dataLabel, _m, _o, _p, values, e_2_1, seriesNames_2, threeDPalette_1, seriesColorAt_1, categoryAxisLabel, seriesAxisLabel, stackedBar3D_1, threeDFormats_1, threeDTooltipFormatter, threeDSeries, visualMap, xAxis3D, yAxis3D, categoryCount, categoryTotals_1, threeDSeriesInputs_1, threeDSeriesInputs_1_1, entry, isPercent_1, surfacePoints, _q, zMin, zMax, error_1, skipHeaders, categories, radarSeriesInputs, _r, _s, seriesEntry, label, values, radarAxisOptions_1, indicators_1, radarData, radarStyle_1, radarColors_1, radarFormats_1, radarDataLabels_1, radarSeriesLabelFor_1, radarTooltipFormatter, radarLegend, radarBand, radarPlotWidth, radarPlotHeight, radarGeometry, variant_1, categories, seriesValues, stockFormats_1, stockRoleIndex_1, stockFormatFor_1, stockDataLabels_1, stockSeriesLabelFor_1, upColor_1, downColor_1, volumePoints, hasVolume, stockGrid, baseStockXAxis, stockXAxis, volumeYAxis, volumeSeries, stockAxisPointer, candleData, lineSeries, stockColors_1, isStacked, isCircularChart, isOfPie, ofPieLayout, isHorizontalBarChart, shouldAggregate, primaryDomainSource, rawPrimaryDomainValues, aggregateDomainValues, categoryLevels, pushSeriesOverlays, sideBySideBarCount, specBarGap, specBarCategoryGap, seriesPalette, paletteColorAt, _loop_1, _t, _u, _v, specSeriesIndex, series, e_3_1, labels, seriesEntry, rawValues, _w, main_1, secondary, otherTotal, total, ofPieType_1, secondScale, halfAngle_1, hasSecondary, MAIN_CX_1, CY_1, MAIN_RADIUS_PCT_1, SECONDARY_CX_1, secondaryRadiusPct_1, BAR_LEFT_1, BAR_RIGHT, barHalfFrac_1, ofPiePalette_1, paletteAt_1, connectorColor_1, primaryDomainSource_1, rawDomainValues, labels, seriesEntry, rawValues_1, totalIndices, steps, accent_1, decreaseColor_1, totalColor_1, pointColors_1, _x, _y, dp, connectors, primaryDomainSource_2, rawDomainValues, labels_1, seriesEntry, rawValues, funnelPalette, funnelColor_1, stageColors_1, _z, _0, dp, funnelData, funnelLayout, funnelLabelsOff, quartileMethod_1, showOutliers_1, showMeanMarker_1, showInnerPoints_1, showMeanLine_1, boxDomainSource, boxCategories_2, grouped_1, groups_1, boxCategories_1, boxCategories_1_1, c, boxSeriesSpecs, slots, boxGap, boxPlotWidth, boxBand_1, boxWidthMax_1, boxCount_1, boxCentre_1, boxLegend_1, rawValues, histogramDomainSource, histogramCategories, _1, labels, counts, isPareto_1, cumulativePercents, pareto, histogramSeries, histogramColor, paretoLineColor, renderedSeriesCount, replaceMerge, valueAxisBase, isPareto, hasSecondaryAxis, isPercentStackedBars, primaryAxisNumberFormat, secondaryAxisNumberFormat, axisNumberFormatFor, seriesNumberFormats, seriesNumberFormatFor, tooltipConfig, finalLegend, bottomAxisNameGap, legendBand, positionedLegend, gridConfig, chartDataLabels, seriesLabelOptionFor, isDoughnut, doughnutHoleSize, doughnutSeriesOrder, doughnutRingSet, explosion, explosionOffset, barSeries, len, categoryTotals_2, barSeries_1, barSeries_1_1, s, i, raw, n, barSeries_2, barSeries_2_1, s, seriesWithLabels;
+        var threeDRenderKind, canRender3D, willRender3D, isRegionMap, regionSpec, geoScope, geo, labels, seriesEntry, values, _a, data, unmatched, min, max, textColor, ramp, noDataColor, borderColor, regionSeriesLabel, seriesName, boxplotOverlayAxis, chartDomains, chartSeries, legend, chartType, position, showAxis, isBubble, isHierarchy, skipHeaders_1, labelValues, perSeriesX, perSeriesSize, seriesInputs, i, seriesEntry, linkedLabel, resolvedLabel, _b, xValues, sizeValues_1, sharedXValues, sharedSizeValues, _c, categories_1, preparedSeries, sizeValues, sizeScale_1, bubblePalette_1, bubbleItemColor_1, hasBubbleSecondaryAxis, xAxisConfig, tooltipFormatter, bubbleSeriesLabelFor_1, bubbleSeries, bubbleOverlays, bubbleLegend, bubbleBand, hierarchyRows, headerTitle, hierarchyPalette, isTreemap, banner, hierarchyData, rootName, drillDown, seriesDisplayName, hierarchyDepth, levels, hierarchyLegend, legendShown, categoryLegendSeries, sizeNumberFormat_1, tooltipFormatter, hierarchyDataLabels, hierarchyLabelOpts, hierarchyLabel, hierarchyBand, isContour, categories_2, contourSeriesInputs, _d, _e, seriesEntry, dataLabel, _f, _g, _h, values, e_1_1, seriesNames_1, contourPoints, _j, zMin, zMax, contourFormats_1, contourLabel, categories_3, threeDSeriesInputs, _k, _l, seriesEntry, dataLabel, _m, _o, _p, values, e_2_1, seriesNames_2, threeDPalette_1, seriesColorAt_1, categoryAxisLabel, seriesAxisLabel, stackedBar3D_1, threeDFormats_1, threeDTooltipFormatter, threeDSeries, visualMap, xAxis3D, yAxis3D, categoryCount, categoryTotals_1, threeDSeriesInputs_1, threeDSeriesInputs_1_1, entry, isPercent_1, surfacePoints, _q, zMin, zMax, error_1, skipHeaders, categories, radarSeriesInputs, _r, _s, seriesEntry, label, values, radarAxisOptions_1, indicators_1, radarData, radarStyle_1, radarColors_1, radarFormats_1, radarDataLabels_1, radarSeriesLabelFor_1, radarTooltipFormatter, radarLegend, radarBand, radarPlotWidth, radarPlotHeight, radarGeometry, variant_1, categories, seriesValues, stockFormats_1, stockRoleIndex_1, stockFormatFor_1, stockDataLabels_1, stockSeriesLabelFor_1, upColor_1, downColor_1, volumePoints, hasVolume, stockGrid, baseStockXAxis, stockXAxis, volumeYAxis, volumeSeries, stockAxisPointer, candleData, lineSeries, stockColors_1, isStacked, axisTextColor, axisTextStyle, isCircularChart, isOfPie, ofPieLayout, isHorizontalBarChart, shouldAggregate, primaryDomainSource, rawPrimaryDomainValues, aggregateDomainValues, categoryLevels, pushSeriesOverlays, sideBySideBarCount, specBarGap, specBarCategoryGap, seriesPalette, paletteColorAt, _loop_1, _t, _u, _v, specSeriesIndex, series, e_3_1, labels, seriesEntry, rawValues, _w, main_1, secondary, otherTotal, total, ofPieType_1, secondScale, halfAngle_1, hasSecondary, MAIN_CX_1, CY_1, MAIN_RADIUS_PCT_1, SECONDARY_CX_1, secondaryRadiusPct_1, BAR_LEFT_1, BAR_RIGHT, barHalfFrac_1, ofPiePalette_1, paletteAt_1, connectorColor_1, primaryDomainSource_1, rawDomainValues, labels, seriesEntry, rawValues_1, totalIndices, steps, accent_1, decreaseColor_1, totalColor_1, pointColors_1, _x, _y, dp, connectors, primaryDomainSource_2, rawDomainValues, labels_1, seriesEntry, rawValues, funnelPalette, funnelColor_1, stageColors_1, _z, _0, dp, funnelData, funnelLayout, funnelLabelsOff, quartileMethod_1, showOutliers_1, showMeanMarker_1, showInnerPoints_1, showMeanLine_1, boxDomainSource, boxCategories_2, grouped_1, groups_1, boxCategories_1, boxCategories_1_1, c, boxSeriesSpecs, slots, boxGap, boxPlotWidth, boxBand_1, boxWidthMax_1, boxCount_1, boxCentre_1, boxLegend_1, rawValues, histogramDomainSource, histogramCategories, _1, labels, counts, isPareto_1, cumulativePercents, pareto, histogramSeries, histogramColor, paretoLineColor, lineElementOptions, lineData, renderedSeriesCount, replaceMerge, valueAxisBase, isPareto, hasSecondaryAxis, isPercentStackedBars, primaryAxisNumberFormat, secondaryAxisNumberFormat, axisNumberFormatFor, seriesNumberFormats, seriesNumberFormatFor, tooltipConfig, finalLegend, bottomAxisNameGap, legendBand, positionedLegend, gridConfig, chartDataLabels, seriesLabelOptionFor, isDoughnut, doughnutHoleSize, doughnutSeriesOrder, doughnutRingSet, explosion, explosionOffset, barSeries, len, categoryTotals_2, barSeries_1, barSeries_1_1, s, i, raw, n, barSeries_2, barSeries_2_1, s, seriesWithLabels, bareCategoryAxis, pointCount, dataTableOptions, dataTableRows, dataTableAxisList, autoScaleEligible, withExcelAutoScale;
         var e_1, _2, e_2, _3, e_4, _4, e_5, _5, e_3, _6, e_6, _7, e_7, _8, e_8, _9, e_9, _10, e_10, _11;
-        var _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, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181, _182, _183, _184, _185, _186, _187, _188;
-        return tslib_1.__generator(this, function (_189) {
-            switch (_189.label) {
+        var _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, _109, _110, _111, _112, _113, _114, _115, _116, _117, _118, _119, _120, _121, _122, _123, _124, _125, _126, _127, _128, _129, _130, _131, _132, _133, _134, _135, _136, _137, _138, _139, _140, _141, _142, _143, _144, _145, _146, _147, _148, _149, _150, _151, _152, _153, _154, _155, _156, _157, _158, _159, _160, _161, _162, _163, _164, _165, _166, _167, _168, _169, _170, _171, _172, _173, _174, _175, _176, _177, _178, _179, _180, _181;
+        return tslib_1.__generator(this, function (_182) {
+            switch (_182.label) {
                 case 0:
                     (0, utils_1.debug)("Updating chart", chart);
                     threeDRenderKind = (0, three_d_1.resolve3DRenderKind)(spec.sourceChartType, { enable3D: enable3D });
@@ -485,7 +514,7 @@ var BasicChart = function (_a) {
                     geoScope = (0, region_map_1.resolveGeoScope)(regionSpec.geoScope);
                     return [4 /*yield*/, (0, region_map_loader_1.loadRegionMapGeo)(geoScope)];
                 case 1:
-                    geo = _189.sent();
+                    geo = _182.sent();
                     // Entering the region map from a cartesian render: the previous
                     // grid/axis option doesn't merge into the map one, so start from
                     // a bare instance (theme options are re-applied after setOption).
@@ -600,7 +629,7 @@ var BasicChart = function (_a) {
                     });
                     seriesInputs = [];
                     i = 0;
-                    _189.label = 3;
+                    _182.label = 3;
                 case 3:
                     if (!(i < spec.series.length)) return [3 /*break*/, 7];
                     seriesEntry = spec.series[i];
@@ -610,13 +639,13 @@ var BasicChart = function (_a) {
                     _b = chart_spec_utils_1.coerceCalculatedLabel;
                     return [4 /*yield*/, onRequestCalculate(resolvedLabel, (_21 = position.sheetId) !== null && _21 !== void 0 ? _21 : sheetId, position.overlayPosition.anchorCell.rowIndex, position.overlayPosition.anchorCell.columnIndex)];
                 case 4:
-                    resolvedLabel = _b.apply(void 0, [_189.sent()]);
-                    _189.label = 5;
+                    resolvedLabel = _b.apply(void 0, [_182.sent()]);
+                    _182.label = 5;
                 case 5:
                     xValues = (_22 = perSeriesX[i]) !== null && _22 !== void 0 ? _22 : perSeriesX[0];
                     sizeValues_1 = (_23 = perSeriesSize[i]) !== null && _23 !== void 0 ? _23 : 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 } : {})));
-                    _189.label = 6;
+                    _182.label = 6;
                 case 6:
                     i++;
                     return [3 /*break*/, 3];
@@ -764,24 +793,24 @@ var BasicChart = function (_a) {
                         position: (_29 = spec.legend) === null || _29 === void 0 ? void 0 : _29.position,
                         visible: bubbleLegend.show !== false,
                         labels: preparedSeries.map(function (entry) { return entry.name; }),
-                        legendFontSize: (_34 = (_31 = (_30 = bubbleLegend.textStyle) === null || _30 === void 0 ? void 0 : _30.fontSize) !== null && _31 !== void 0 ? _31 : (_33 = (_32 = spec.legend) === null || _32 === void 0 ? void 0 : _32.textFormat) === null || _33 === void 0 ? void 0 : _33.fontSize) !== null && _34 !== void 0 ? _34 : 12,
+                        legendFontSize: (_31 = (_30 = bubbleLegend.textStyle) === null || _30 === void 0 ? void 0 : _30.fontSize) !== null && _31 !== void 0 ? _31 : (0, overrides_2.fontSizePx)((_33 = (_32 = spec.legend) === null || _32 === void 0 ? void 0 : _32.textFormat) === null || _33 === void 0 ? void 0 : _33.fontSize, overrides_2.CHART_TEXT_PX),
                         legendItemWidth: defaultLegendConfig.itemWidth,
                         width: width !== null && width !== void 0 ? width : 0,
                         height: height !== null && height !== void 0 ? height : 0,
                         hasTitle: Boolean(explicitChartTitle),
-                        titleFontSize: (_36 = (_35 = spec.titleTextFormat) === null || _35 === void 0 ? void 0 : _35.fontSize) !== null && _36 !== void 0 ? _36 : 16,
+                        titleFontSize: (0, overrides_2.fontSizePx)((_34 = spec.titleTextFormat) === null || _34 === void 0 ? void 0 : _34.fontSize, overrides_2.CHART_TITLE_PX),
                         hasBottomAxisTitle: Boolean(spec.horizontalAxisTitle),
                         bottomAxisNameGap: 30,
                         hasLeftAxisTitle: Boolean(spec.verticalAxisTitle),
                     });
-                    (_37 = chartRef.current) === null || _37 === void 0 ? void 0 : _37.setOption({
+                    (_35 = chartRef.current) === null || _35 === void 0 ? void 0 : _35.setOption({
                         xAxis: [
-                            (0, overrides_1.applyAxisOverrides)(tslib_1.__assign({}, xAxisConfig), spec.categoryAxisOptions),
+                            (0, overrides_1.applyAxisOverrides)(tslib_1.__assign({}, xAxisConfig), spec.categoryAxisOptions, undefined, undefined, "x"),
                         ],
                         yAxis: tslib_1.__spreadArray([
                             (0, overrides_1.applyAxisOverrides)({
                                 type: "value",
-                                name: (_38 = spec.verticalAxisTitle) !== null && _38 !== void 0 ? _38 : "",
+                                name: (_36 = spec.verticalAxisTitle) !== null && _36 !== void 0 ? _36 : "",
                                 nameLocation: "middle",
                                 nameGap: 45,
                             }, spec.valueAxisOptions, undefined, locale)
@@ -842,9 +871,9 @@ var BasicChart = function (_a) {
                         isTreemap = spec.chartType === "treemap";
                         banner = isTreemap && treemapBannerShown(spec.parentLabelLayout);
                         hierarchyData = colorHierarchyNodes((0, hierarchy_1.buildHierarchyTree)(hierarchyRows), hierarchyPalette, { banner: banner });
-                        rootName = hierarchyData.length === 1 ? (_40 = (_39 = hierarchyData[0]) === null || _39 === void 0 ? void 0 : _39.name) !== null && _40 !== void 0 ? _40 : "" : "";
+                        rootName = hierarchyData.length === 1 ? (_38 = (_37 = hierarchyData[0]) === null || _37 === void 0 ? void 0 : _37.name) !== null && _38 !== void 0 ? _38 : "" : "";
                         drillDown = Boolean(spec.drillDown);
-                        seriesDisplayName = (_42 = (_41 = explicitChartTitle !== null && explicitChartTitle !== void 0 ? explicitChartTitle : headerTitle) !== null && _41 !== void 0 ? _41 : rootName) !== null && _42 !== void 0 ? _42 : "";
+                        seriesDisplayName = (_40 = (_39 = explicitChartTitle !== null && explicitChartTitle !== void 0 ? explicitChartTitle : headerTitle) !== null && _39 !== void 0 ? _39 : rootName) !== null && _40 !== void 0 ? _40 : "";
                         hierarchyDepth = getHierarchyDepth(hierarchyData);
                         levels = buildHierarchyLevels(hierarchyDepth, {
                             treemap: isTreemap,
@@ -866,7 +895,7 @@ var BasicChart = function (_a) {
                                 });
                             })
                             : [];
-                        sizeNumberFormat_1 = (0, axis_number_format_1.resolveSourceNumberFormat)((_44 = (_43 = spec.sizeData) === null || _43 === void 0 ? void 0 : _43[0]) === null || _44 === void 0 ? void 0 : _44.sources, getFormattingFromRange, spec.hiddenDimensionStrategy);
+                        sizeNumberFormat_1 = (0, axis_number_format_1.resolveSourceNumberFormat)((_42 = (_41 = spec.sizeData) === null || _41 === void 0 ? void 0 : _41[0]) === null || _42 === void 0 ? void 0 : _42.sources, getFormattingFromRange, spec.hiddenDimensionStrategy);
                         tooltipFormatter = function (params) {
                             var _a;
                             var value = Array.isArray(params.value)
@@ -882,20 +911,20 @@ var BasicChart = function (_a) {
                             : (hierarchyLabelOpts === null || hierarchyLabelOpts === void 0 ? void 0 : hierarchyLabelOpts.show)
                                 ? tslib_1.__assign({ show: true, formatter: (0, overrides_1.dataLabelFormatter)(hierarchyLabelOpts, locale, isTreemap ? "\n" : ": ") }, (isTreemap ? { position: "insideBottomLeft" } : {})) : tslib_1.__assign({ show: true, formatter: "{b}" }, (isTreemap ? { position: "insideBottomLeft" } : {}));
                         hierarchyBand = (0, legend_layout_1.reserveEchartsLegendBand)({
-                            position: (_45 = spec.legend) === null || _45 === void 0 ? void 0 : _45.position,
+                            position: (_43 = spec.legend) === null || _43 === void 0 ? void 0 : _43.position,
                             visible: legendShown && hierarchyData.length > 0,
                             labels: hierarchyData.map(function (node) { return node.name; }),
-                            legendFontSize: (_50 = (_47 = (_46 = hierarchyLegend.textStyle) === null || _46 === void 0 ? void 0 : _46.fontSize) !== null && _47 !== void 0 ? _47 : (_49 = (_48 = spec.legend) === null || _48 === void 0 ? void 0 : _48.textFormat) === null || _49 === void 0 ? void 0 : _49.fontSize) !== null && _50 !== void 0 ? _50 : 12,
+                            legendFontSize: (_45 = (_44 = hierarchyLegend.textStyle) === null || _44 === void 0 ? void 0 : _44.fontSize) !== null && _45 !== void 0 ? _45 : (0, overrides_2.fontSizePx)((_47 = (_46 = spec.legend) === null || _46 === void 0 ? void 0 : _46.textFormat) === null || _47 === void 0 ? void 0 : _47.fontSize, overrides_2.CHART_TEXT_PX),
                             legendItemWidth: defaultLegendConfig.itemWidth,
                             width: width !== null && width !== void 0 ? width : 0,
                             height: height !== null && height !== void 0 ? height : 0,
                             hasTitle: Boolean(explicitChartTitle !== null && explicitChartTitle !== void 0 ? explicitChartTitle : headerTitle),
-                            titleFontSize: (_52 = (_51 = spec.titleTextFormat) === null || _51 === void 0 ? void 0 : _51.fontSize) !== null && _52 !== void 0 ? _52 : 16,
+                            titleFontSize: (0, overrides_2.fontSizePx)((_48 = spec.titleTextFormat) === null || _48 === void 0 ? void 0 : _48.fontSize, overrides_2.CHART_TITLE_PX),
                             hasBottomAxisTitle: false,
                             bottomAxisNameGap: 0,
                             hasLeftAxisTitle: false,
                         });
-                        (_53 = chartRef.current) === null || _53 === void 0 ? void 0 : _53.setOption({
+                        (_49 = chartRef.current) === null || _49 === void 0 ? void 0 : _49.setOption({
                             xAxis: [
                                 {
                                     type: "category",
@@ -967,7 +996,7 @@ var BasicChart = function (_a) {
                     }
                     isContour = (0, three_d_1.isContourSpec)(spec);
                     if (renderedAsContour.current && !isContour) {
-                        (_54 = chartRef.current) === null || _54 === void 0 ? void 0 : _54.dispose();
+                        (_50 = chartRef.current) === null || _50 === void 0 ? void 0 : _50.dispose();
                         chartRef.current = undefined;
                         renderedAsContour.current = false;
                         previousChartType.current = undefined;
@@ -978,41 +1007,41 @@ var BasicChart = function (_a) {
                     if (!isContour) return [3 /*break*/, 21];
                     categories_2 = flattenChartDataValues(spec.domains, getDomainValuesFromRange, spec.hiddenDimensionStrategy, false).map(function (v) { return String(v !== null && v !== void 0 ? v : ""); });
                     contourSeriesInputs = [];
-                    _189.label = 9;
+                    _182.label = 9;
                 case 9:
-                    _189.trys.push([9, 18, 19, 20]);
-                    _d = tslib_1.__values((_55 = spec.series) !== null && _55 !== void 0 ? _55 : []), _e = _d.next();
-                    _189.label = 10;
+                    _182.trys.push([9, 18, 19, 20]);
+                    _d = tslib_1.__values((_51 = spec.series) !== null && _51 !== void 0 ? _51 : []), _e = _d.next();
+                    _182.label = 10;
                 case 10:
                     if (!!_e.done) return [3 /*break*/, 17];
                     seriesEntry = _e.value;
-                    if (!((_56 = (0, series_name_1.linkedSeriesName)(seriesEntry, getDomainValuesFromRange)) !== null && _56 !== void 0)) return [3 /*break*/, 11];
-                    _f = _56;
+                    if (!((_52 = (0, series_name_1.linkedSeriesName)(seriesEntry, getDomainValuesFromRange)) !== null && _52 !== void 0)) return [3 /*break*/, 11];
+                    _f = _52;
                     return [3 /*break*/, 15];
                 case 11:
                     if (!(!(0, utils_1.isNil)(seriesEntry.dataLabel) && (0, utils_1.isAFormula)(seriesEntry.dataLabel))) return [3 /*break*/, 13];
                     _h = chart_spec_utils_1.coerceCalculatedLabel;
-                    return [4 /*yield*/, onRequestCalculate(seriesEntry.dataLabel, (_57 = position.sheetId) !== null && _57 !== void 0 ? _57 : sheetId, position.overlayPosition.anchorCell.rowIndex, position.overlayPosition.anchorCell.columnIndex)];
+                    return [4 /*yield*/, onRequestCalculate(seriesEntry.dataLabel, (_53 = position.sheetId) !== null && _53 !== void 0 ? _53 : sheetId, position.overlayPosition.anchorCell.rowIndex, position.overlayPosition.anchorCell.columnIndex)];
                 case 12:
-                    _g = _h.apply(void 0, [_189.sent()]);
+                    _g = _h.apply(void 0, [_182.sent()]);
                     return [3 /*break*/, 14];
                 case 13:
-                    _g = (_58 = seriesEntry.dataLabel) !== null && _58 !== void 0 ? _58 : "";
-                    _189.label = 14;
+                    _g = (_54 = seriesEntry.dataLabel) !== null && _54 !== void 0 ? _54 : "";
+                    _182.label = 14;
                 case 14:
                     _f = (_g);
-                    _189.label = 15;
+                    _182.label = 15;
                 case 15:
                     dataLabel = _f;
                     values = flattenChartDataValues([seriesEntry], getSeriesValuesFromRange, spec.hiddenDimensionStrategy).map(sanitizeChartValue);
                     contourSeriesInputs.push({ name: dataLabel, values: values });
-                    _189.label = 16;
+                    _182.label = 16;
                 case 16:
                     _e = _d.next();
                     return [3 /*break*/, 10];
                 case 17: return [3 /*break*/, 20];
                 case 18:
-                    e_1_1 = _189.sent();
+                    e_1_1 = _182.sent();
                     e_1 = { error: e_1_1 };
                     return [3 /*break*/, 20];
                 case 19:
@@ -1037,7 +1066,7 @@ var BasicChart = function (_a) {
                         chartRef.current = echarts.init(el.current);
                         bindSeriesSelection(chartRef.current);
                     }
-                    (_59 = chartRef.current) === null || _59 === void 0 ? void 0 : _59.setOption({
+                    (_55 = chartRef.current) === null || _55 === void 0 ? void 0 : _55.setOption({
                         tooltip: {
                             textStyle: { fontSize: 12 },
                             trigger: "item",
@@ -1057,7 +1086,7 @@ var BasicChart = function (_a) {
                                 type: "category",
                                 data: categories_2,
                                 splitArea: { show: true },
-                                name: (_60 = spec.horizontalAxisTitle) !== null && _60 !== void 0 ? _60 : "",
+                                name: (_56 = spec.horizontalAxisTitle) !== null && _56 !== void 0 ? _56 : "",
                                 nameLocation: "middle",
                                 nameGap: 30,
                             }, spec.categoryAxisOptions),
@@ -1067,7 +1096,7 @@ var BasicChart = function (_a) {
                                 type: "category",
                                 data: seriesNames_1,
                                 splitArea: { show: true },
-                                name: (_61 = spec.verticalAxisTitle) !== null && _61 !== void 0 ? _61 : "",
+                                name: (_57 = spec.verticalAxisTitle) !== null && _57 !== void 0 ? _57 : "",
                                 nameLocation: "middle",
                                 nameGap: 50,
                             },
@@ -1120,41 +1149,41 @@ var BasicChart = function (_a) {
                     if (!(willRender3D && threeDRenderKind)) return [3 /*break*/, 38];
                     categories_3 = flattenChartDataValues(spec.domains, getDomainValuesFromRange, spec.hiddenDimensionStrategy, false).map(function (v) { return String(v !== null && v !== void 0 ? v : ""); });
                     threeDSeriesInputs = [];
-                    _189.label = 22;
+                    _182.label = 22;
                 case 22:
-                    _189.trys.push([22, 31, 32, 33]);
-                    _k = tslib_1.__values((_62 = spec.series) !== null && _62 !== void 0 ? _62 : []), _l = _k.next();
-                    _189.label = 23;
+                    _182.trys.push([22, 31, 32, 33]);
+                    _k = tslib_1.__values((_58 = spec.series) !== null && _58 !== void 0 ? _58 : []), _l = _k.next();
+                    _182.label = 23;
                 case 23:
                     if (!!_l.done) return [3 /*break*/, 30];
                     seriesEntry = _l.value;
-                    if (!((_63 = (0, series_name_1.linkedSeriesName)(seriesEntry, getDomainValuesFromRange)) !== null && _63 !== void 0)) return [3 /*break*/, 24];
-                    _m = _63;
+                    if (!((_59 = (0, series_name_1.linkedSeriesName)(seriesEntry, getDomainValuesFromRange)) !== null && _59 !== void 0)) return [3 /*break*/, 24];
+                    _m = _59;
                     return [3 /*break*/, 28];
                 case 24:
                     if (!(!(0, utils_1.isNil)(seriesEntry.dataLabel) && (0, utils_1.isAFormula)(seriesEntry.dataLabel))) return [3 /*break*/, 26];
                     _p = chart_spec_utils_1.coerceCalculatedLabel;
-                    return [4 /*yield*/, onRequestCalculate(seriesEntry.dataLabel, (_64 = position.sheetId) !== null && _64 !== void 0 ? _64 : sheetId, position.overlayPosition.anchorCell.rowIndex, position.overlayPosition.anchorCell.columnIndex)];
+                    return [4 /*yield*/, onRequestCalculate(seriesEntry.dataLabel, (_60 = position.sheetId) !== null && _60 !== void 0 ? _60 : sheetId, position.overlayPosition.anchorCell.rowIndex, position.overlayPosition.anchorCell.columnIndex)];
                 case 25:
-                    _o = _p.apply(void 0, [_189.sent()]);
+                    _o = _p.apply(void 0, [_182.sent()]);
                     return [3 /*break*/, 27];
                 case 26:
-                    _o = (_65 = seriesEntry.dataLabel) !== null && _65 !== void 0 ? _65 : "";
-                    _189.label = 27;
+                    _o = (_61 = seriesEntry.dataLabel) !== null && _61 !== void 0 ? _61 : "";
+                    _182.label = 27;
                 case 27:
                     _m = (_o);
-                    _189.label = 28;
+                    _182.label = 28;
                 case 28:
                     dataLabel = _m;
                     values = flattenChartDataValues([seriesEntry], getSeriesValuesFromRange, spec.hiddenDimensionStrategy).map(sanitizeChartValue);
                     threeDSeriesInputs.push({ name: dataLabel, values: values });
-                    _189.label = 29;
+                    _182.label = 29;
                 case 29:
                     _l = _k.next();
                     return [3 /*break*/, 23];
                 case 30: return [3 /*break*/, 33];
                 case 31:
-                    e_2_1 = _189.sent();
+                    e_2_1 = _182.sent();
                     e_2 = { error: e_2_1 };
                     return [3 /*break*/, 33];
                 case 32:
@@ -1323,15 +1352,15 @@ var BasicChart = function (_a) {
                             inRange: { color: tslib_1.__spreadArray([], tslib_1.__read(three_d_1.SURFACE_COLOR_RAMP), false) },
                         };
                     }
-                    _189.label = 34;
+                    _182.label = 34;
                 case 34:
-                    _189.trys.push([34, 35, , 37]);
-                    (_66 = chartRef.current) === null || _66 === void 0 ? void 0 : _66.setOption(tslib_1.__assign(tslib_1.__assign({ tooltip: {
+                    _182.trys.push([34, 35, , 37]);
+                    (_62 = chartRef.current) === null || _62 === void 0 ? void 0 : _62.setOption(tslib_1.__assign(tslib_1.__assign({ tooltip: {
                             textStyle: { fontSize: 12 },
                             formatter: threeDTooltipFormatter,
                         }, legend: threeDRenderKind === "line3D" || stackedBar3D_1
                             ? (0, overrides_1.applyLegendOverrides)(tslib_1.__assign(tslib_1.__assign({}, defaultLegendConfig), { show: seriesNames_2.length > 1, data: seriesNames_2 }), spec.legend)
-                            : { show: false }, xAxis3D: tslib_1.__assign(tslib_1.__assign({}, xAxis3D), { name: (_67 = spec.horizontalAxisTitle) !== null && _67 !== void 0 ? _67 : "" }), yAxis3D: tslib_1.__assign(tslib_1.__assign({}, yAxis3D), { name: "" }), zAxis3D: { type: "value", name: (_68 = spec.verticalAxisTitle) !== null && _68 !== void 0 ? _68 : "" }, grid3D: {
+                            : { show: false }, xAxis3D: tslib_1.__assign(tslib_1.__assign({}, xAxis3D), { name: (_63 = spec.horizontalAxisTitle) !== null && _63 !== void 0 ? _63 : "" }), yAxis3D: tslib_1.__assign(tslib_1.__assign({}, yAxis3D), { name: "" }), zAxis3D: { type: "value", name: (_64 = spec.verticalAxisTitle) !== null && _64 !== void 0 ? _64 : "" }, grid3D: {
                             boxDepth: Math.max(20, Math.min(100, seriesNames_2.length * 20)),
                             viewControl: { autoRotate: false },
                         } }, (visualMap ? { visualMap: [visualMap] } : {})), { series: threeDSeries }), {
@@ -1347,12 +1376,12 @@ var BasicChart = function (_a) {
                     });
                     return [3 /*break*/, 37];
                 case 35:
-                    error_1 = _189.sent();
+                    error_1 = _182.sent();
                     (0, echarts_gl_loader_1.markEchartsGlFailed)(error_1);
                     try {
-                        (_69 = chartRef.current) === null || _69 === void 0 ? void 0 : _69.dispose();
+                        (_65 = chartRef.current) === null || _65 === void 0 ? void 0 : _65.dispose();
                     }
-                    catch (_190) {
+                    catch (_183) {
                         // A GL instance that threw mid-build may not dispose cleanly.
                     }
                     chartRef.current = undefined;
@@ -1363,7 +1392,7 @@ var BasicChart = function (_a) {
                     applyThemeOptions();
                     return [4 /*yield*/, updateChart()];
                 case 36:
-                    _189.sent();
+                    _182.sent();
                     return [2 /*return*/];
                 case 37:
                     // Re-apply theme-derived title / palette / tooltip colors — lost
@@ -1383,9 +1412,9 @@ var BasicChart = function (_a) {
                         categories = flattenChartDataValues(spec.domains, getDomainValuesFromRange, spec.hiddenDimensionStrategy, skipHeaders);
                         radarSeriesInputs = [];
                         try {
-                            for (_r = tslib_1.__values((_70 = spec.series) !== null && _70 !== void 0 ? _70 : []), _s = _r.next(); !_s.done; _s = _r.next()) {
+                            for (_r = tslib_1.__values((_66 = spec.series) !== null && _66 !== void 0 ? _66 : []), _s = _r.next(); !_s.done; _s = _r.next()) {
                                 seriesEntry = _s.value;
-                                label = (_71 = (0, series_name_1.linkedSeriesName)(seriesEntry, getDomainValuesFromRange)) !== null && _71 !== void 0 ? _71 : (seriesEntry.dataLabel && !(0, utils_1.isAFormula)(seriesEntry.dataLabel)
+                                label = (_67 = (0, series_name_1.linkedSeriesName)(seriesEntry, getDomainValuesFromRange)) !== null && _67 !== void 0 ? _67 : (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)); });
@@ -1402,7 +1431,7 @@ var BasicChart = function (_a) {
                         radarAxisOptions_1 = spec.valueAxisOptions;
                         indicators_1 = (0, radar_1.buildRadarIndicators)(categories, radarSeriesInputs, radarAxisOptions_1);
                         radarData = (0, radar_1.buildRadarSeriesData)(radarSeriesInputs, indicators_1.length);
-                        radarStyle_1 = (_72 = spec.radarStyle) !== null && _72 !== void 0 ? _72 : "standard";
+                        radarStyle_1 = (_68 = spec.radarStyle) !== null && _68 !== void 0 ? _68 : "standard";
                         radarColors_1 = radarSeriesInputs.map(function (_, i) { var _a, _b; return (_b = (_a = spec.series) === null || _a === void 0 ? void 0 : _a[i]) === null || _b === void 0 ? void 0 : _b.color; });
                         radarFormats_1 = (0, axis_number_format_1.resolveSeriesNumberFormats)(spec.series, getFormattingFromRange, spec.hiddenDimensionStrategy);
                         radarDataLabels_1 = spec.dataLabels;
@@ -1421,15 +1450,15 @@ var BasicChart = function (_a) {
                         };
                         radarLegend = (0, overrides_1.applyLegendOverrides)(tslib_1.__assign(tslib_1.__assign({}, legend), { show: radarData.length > 1, data: radarData.map(function (d) { return d.name; }) }), spec.legend);
                         radarBand = (0, legend_layout_1.reserveEchartsLegendBand)({
-                            position: (_73 = spec.legend) === null || _73 === void 0 ? void 0 : _73.position,
+                            position: (_69 = spec.legend) === null || _69 === void 0 ? void 0 : _69.position,
                             visible: radarLegend.show !== false,
                             labels: radarData.map(function (d) { return d.name; }),
-                            legendFontSize: (_78 = (_75 = (_74 = radarLegend.textStyle) === null || _74 === void 0 ? void 0 : _74.fontSize) !== null && _75 !== void 0 ? _75 : (_77 = (_76 = spec.legend) === null || _76 === void 0 ? void 0 : _76.textFormat) === null || _77 === void 0 ? void 0 : _77.fontSize) !== null && _78 !== void 0 ? _78 : 12,
+                            legendFontSize: (_71 = (_70 = radarLegend.textStyle) === null || _70 === void 0 ? void 0 : _70.fontSize) !== null && _71 !== void 0 ? _71 : (0, overrides_2.fontSizePx)((_73 = (_72 = spec.legend) === null || _72 === void 0 ? void 0 : _72.textFormat) === null || _73 === void 0 ? void 0 : _73.fontSize, overrides_2.CHART_TEXT_PX),
                             legendItemWidth: defaultLegendConfig.itemWidth,
                             width: width !== null && width !== void 0 ? width : 0,
                             height: height !== null && height !== void 0 ? height : 0,
                             hasTitle: Boolean(explicitChartTitle),
-                            titleFontSize: (_80 = (_79 = spec.titleTextFormat) === null || _79 === void 0 ? void 0 : _79.fontSize) !== null && _80 !== void 0 ? _80 : 16,
+                            titleFontSize: (0, overrides_2.fontSizePx)((_74 = spec.titleTextFormat) === null || _74 === void 0 ? void 0 : _74.fontSize, overrides_2.CHART_TITLE_PX),
                             hasBottomAxisTitle: false,
                             bottomAxisNameGap: 0,
                             hasLeftAxisTitle: false,
@@ -1445,7 +1474,7 @@ var BasicChart = function (_a) {
                                 radius: Math.max(10, Math.min(radarPlotWidth, radarPlotHeight) / 2 - 30),
                             }
                             : {};
-                        (_81 = chartRef.current) === null || _81 === void 0 ? void 0 : _81.setOption({
+                        (_75 = chartRef.current) === null || _75 === void 0 ? void 0 : _75.setOption({
                             radar: tslib_1.__assign(tslib_1.__assign({}, radarGeometry), { 
                                 // The common scale's tick labels along ONE axis, as Excel draws
                                 // them: echarts labels every indicator axis, so each indicator
@@ -1499,9 +1528,9 @@ var BasicChart = function (_a) {
                     // V-variants additionally get a volume column sub-pane below the
                     // price plot.
                     if (spec.chartType === "stock") {
-                        variant_1 = ((_82 = spec.stockVariant) !== null && _82 !== void 0 ? _82 : "HLC");
+                        variant_1 = ((_76 = spec.stockVariant) !== null && _76 !== void 0 ? _76 : "HLC");
                         categories = flattenChartDataValues(spec.domains, getDomainValuesFromRange, spec.hiddenDimensionStrategy, false).map(function (v) { return String(v !== null && v !== void 0 ? v : ""); });
-                        seriesValues = ((_83 = spec.series) !== null && _83 !== void 0 ? _83 : []).map(function (seriesEntry) {
+                        seriesValues = ((_77 = spec.series) !== null && _77 !== void 0 ? _77 : []).map(function (seriesEntry) {
                             return flattenChartDataValues([seriesEntry], getSeriesValuesFromRange, spec.hiddenDimensionStrategy).map(function (v) { return (typeof v === "number" ? v : Number(v)); });
                         });
                         stockFormats_1 = (0, axis_number_format_1.resolveSeriesNumberFormats)(spec.series, getFormattingFromRange, spec.hiddenDimensionStrategy);
@@ -1519,7 +1548,7 @@ var BasicChart = function (_a) {
                         upColor_1 = theme.themeColors.accent1;
                         downColor_1 = theme.themeColors.accent2;
                         volumePoints = (0, stock_1.toVolumeSeries)(seriesValues, variant_1);
-                        hasVolume = ((_84 = volumePoints === null || volumePoints === void 0 ? void 0 : volumePoints.length) !== null && _84 !== void 0 ? _84 : 0) > 0;
+                        hasVolume = ((_78 = volumePoints === null || volumePoints === void 0 ? void 0 : volumePoints.length) !== null && _78 !== void 0 ? _78 : 0) > 0;
                         stockGrid = hasVolume
                             ? [
                                 { left: "10%", right: "4%", top: "8%", height: "56%" },
@@ -1533,7 +1562,7 @@ var BasicChart = function (_a) {
                             axisLine: { show: true },
                             axisTick: { show: true },
                             splitLine: { show: false },
-                            name: (_85 = spec.horizontalAxisTitle) !== null && _85 !== void 0 ? _85 : "",
+                            name: (_79 = spec.horizontalAxisTitle) !== null && _79 !== void 0 ? _79 : "",
                             nameLocation: "middle",
                             nameGap: 30,
                         }, spec.categoryAxisOptions);
@@ -1575,14 +1604,14 @@ var BasicChart = function (_a) {
                         // (no open) fall through to the line-derived rendering below.
                         if (variant_1 === "OHLC" || variant_1 === "VOHLC") {
                             candleData = (0, stock_1.toCandlestick)(seriesValues, variant_1);
-                            (_86 = chartRef.current) === null || _86 === void 0 ? void 0 : _86.setOption({
+                            (_80 = chartRef.current) === null || _80 === void 0 ? void 0 : _80.setOption({
                                 xAxis: stockXAxis,
                                 yAxis: tslib_1.__spreadArray([
                                     (0, overrides_1.applyAxisOverrides)({
                                         type: "value",
                                         show: true,
                                         scale: true,
-                                        name: (_87 = spec.verticalAxisTitle) !== null && _87 !== void 0 ? _87 : "",
+                                        name: (_81 = spec.verticalAxisTitle) !== null && _81 !== void 0 ? _81 : "",
                                         nameLocation: "middle",
                                         nameGap: 50,
                                         gridIndex: 0,
@@ -1627,13 +1656,13 @@ var BasicChart = function (_a) {
                             theme.themeColors.accent3,
                             theme.themeColors.accent4,
                         ]);
-                        (_88 = chartRef.current) === null || _88 === void 0 ? void 0 : _88.setOption({
+                        (_82 = chartRef.current) === null || _82 === void 0 ? void 0 : _82.setOption({
                             xAxis: stockXAxis,
                             yAxis: tslib_1.__spreadArray([
                                 (0, overrides_1.applyAxisOverrides)({
                                     type: "value",
                                     show: true,
-                                    name: (_89 = spec.verticalAxisTitle) !== null && _89 !== void 0 ? _89 : "",
+                                    name: (_83 = spec.verticalAxisTitle) !== null && _83 !== void 0 ? _83 : "",
                                     nameLocation: "middle",
                                     nameGap: 50,
                                     gridIndex: 0,
@@ -1667,19 +1696,24 @@ var BasicChart = function (_a) {
                         return [2 /*return*/];
                     }
                     isStacked = spec.stackedType && spec.stackedType !== "UNSTACKED";
+                    axisTextColor = chartTextColor(theme, isDarkMode);
+                    axisTextStyle = {
+                        axisLabel: { color: axisTextColor, fontSize: overrides_2.CHART_TEXT_PX },
+                        nameTextStyle: { color: axisTextColor, fontSize: (0, overrides_2.pointsToPixels)(10) },
+                    };
                     isCircularChart = spec.chartType === "pie" || spec.chartType === "doughnut";
                     isOfPie = isCircularChart && (0, of_pie_1.isOfPieChartSpec)(spec);
                     ofPieLayout = null;
                     isHorizontalBarChart = spec.chartType === "bar";
                     shouldAggregate = (0, aggregation_1.shouldAggregateSeries)(spec.series);
-                    primaryDomainSource = (_92 = (_91 = (_90 = spec === null || spec === void 0 ? void 0 : spec.domains) === null || _90 === void 0 ? void 0 : _90[0]) === null || _91 === void 0 ? void 0 : _91.sources) === null || _92 === void 0 ? void 0 : _92[0];
+                    primaryDomainSource = (_86 = (_85 = (_84 = spec === null || spec === void 0 ? void 0 : spec.domains) === null || _84 === void 0 ? void 0 : _84[0]) === null || _85 === void 0 ? void 0 : _85.sources) === null || _86 === void 0 ? void 0 : _86[0];
                     rawPrimaryDomainValues = primaryDomainSource
-                        ? (0, aggregation_1.sanitizeDomainValues)((_93 = getDomainValuesFromRange(primaryDomainSource, spec.hiddenDimensionStrategy)) !== null && _93 !== void 0 ? _93 : [])
+                        ? (0, aggregation_1.sanitizeDomainValues)((_87 = getDomainValuesFromRange(primaryDomainSource, spec.hiddenDimensionStrategy)) !== null && _87 !== void 0 ? _87 : [])
                         : [];
                     aggregateDomainValues = (0, aggregation_1.getDomainValuesForAxis)(rawPrimaryDomainValues, shouldAggregate);
                     categoryLevels = isCircularChart
                         ? undefined
-                        : (0, category_levels_1.resolveCategoryLevels)((_94 = spec.categoryLevels) === null || _94 === void 0 ? void 0 : _94.map(function (level) {
+                        : (0, category_levels_1.resolveCategoryLevels)((_88 = spec.categoryLevels) === null || _88 === void 0 ? void 0 : _88.map(function (level) {
                             return flattenChartDataValues([level], getDomainValuesFromRange, spec.hiddenDimensionStrategy, false);
                         }));
                     if (categoryLevels) {
@@ -1688,17 +1722,17 @@ var BasicChart = function (_a) {
                             show: showAxis,
                             axisLine: { show: true },
                             axisTick: { show: true },
-                            splitLine: { show: true },
+                            splitLine: { show: false },
                             name: isHorizontalBarChart
-                                ? (_95 = spec.verticalAxisTitle) !== null && _95 !== void 0 ? _95 : ""
-                                : (_96 = spec.horizontalAxisTitle) !== null && _96 !== void 0 ? _96 : "",
+                                ? (_89 = spec.verticalAxisTitle) !== null && _89 !== void 0 ? _89 : ""
+                                : (_90 = spec.horizontalAxisTitle) !== null && _90 !== void 0 ? _90 : "",
                             nameLocation: "middle",
                             nameGap: CATEGORY_AXIS_NAME_GAP + 24 * categoryLevels.outer.length,
                         })), false));
                     }
                     // One category axis per domain (Excel): a domain drawn from several
                     // ranges lists their categories in sequence on that single axis.
-                    (categoryLevels ? [] : (_97 = spec.domains) !== null && _97 !== void 0 ? _97 : []).forEach(function (domain, domainIndex) {
+                    (categoryLevels ? [] : (_91 = spec.domains) !== null && _91 !== void 0 ? _91 : []).forEach(function (domain, domainIndex) {
                         var _a, _b;
                         var axisData = domain.sources.flatMap(function (sheetRange, sourceIndex) {
                             var _a;
@@ -1713,32 +1747,15 @@ var BasicChart = function (_a) {
                                 ? (_a = spec.verticalAxisTitle) !== null && _a !== void 0 ? _a : ""
                                 : (_b = spec.horizontalAxisTitle) !== null && _b !== void 0 ? _b : ""
                             : undefined;
-                        chartDomains.push({
-                            type: "category",
-                            data: axisData,
-                            show: showAxis && !isCircularChart,
-                            axisLine: { show: !isCircularChart },
-                            axisTick: { show: !isCircularChart },
-                            splitLine: { show: !isCircularChart },
-                            name: axisTitle,
-                            nameLocation: "middle",
-                            nameGap: CATEGORY_AXIS_NAME_GAP,
-                        });
+                        chartDomains.push(tslib_1.__assign(tslib_1.__assign({}, axisTextStyle), { type: "category", data: axisData, show: showAxis && !isCircularChart, axisLine: { show: !isCircularChart }, axisTick: { show: !isCircularChart }, 
+                            // Excel draws vertical (category) gridlines only when the axis asks
+                            // for them (`<c:catAx><c:majorGridlines/>`) — LV-05.
+                            splitLine: { show: false }, name: axisTitle, nameLocation: "middle", nameGap: CATEGORY_AXIS_NAME_GAP }));
                     });
                     if (chartDomains.length === 0 && !isCircularChart) {
-                        chartDomains.push({
-                            type: "category",
-                            show: showAxis,
-                            axisLine: { show: true },
-                            axisTick: { show: true },
-                            splitLine: { show: true },
-                            gridIndex: 0,
-                            name: isHorizontalBarChart
-                                ? (_98 = spec.verticalAxisTitle) !== null && _98 !== void 0 ? _98 : ""
-                                : (_99 = spec.horizontalAxisTitle) !== null && _99 !== void 0 ? _99 : "",
-                            nameLocation: "middle",
-                            nameGap: CATEGORY_AXIS_NAME_GAP,
-                        });
+                        chartDomains.push(tslib_1.__assign(tslib_1.__assign({}, axisTextStyle), { type: "category", show: showAxis, axisLine: { show: true }, axisTick: { show: true }, splitLine: { show: false }, gridIndex: 0, name: isHorizontalBarChart
+                                ? (_92 = spec.verticalAxisTitle) !== null && _92 !== void 0 ? _92 : ""
+                                : (_93 = spec.horizontalAxisTitle) !== null && _93 !== void 0 ? _93 : "", nameLocation: "middle", nameGap: CATEGORY_AXIS_NAME_GAP }));
                     }
                     pushSeriesOverlays = function (series, data, dataLabel) {
                         var _a;
@@ -1767,7 +1784,7 @@ var BasicChart = function (_a) {
                     };
                     sideBySideBarCount = isStacked
                         ? 1
-                        : ((_100 = spec.series) !== null && _100 !== void 0 ? _100 : []).reduce(function (count, s) {
+                        : ((_94 = spec.series) !== null && _94 !== void 0 ? _94 : []).reduce(function (count, s) {
                             var _a;
                             var seriesType = (_a = s.seriesChartType) !== null && _a !== void 0 ? _a : spec.chartType;
                             return seriesType === "bar" || seriesType === "column"
@@ -1791,36 +1808,36 @@ var BasicChart = function (_a) {
                         return (0, utils_1.chartPaletteColorAt)(seriesPalette, index);
                     };
                     _loop_1 = function (specSeriesIndex, series) {
-                        var dataLabel, _191, _192, _193, effectiveChartType, lineLike, domainSources, pieDomainLabels, piePointOffset, data, seriesEchartsType, seriesStyleAttrs, seriesEntry, isBarOrColumn, seriesAny, markerSymbol, wantsMarkers, labelsWithoutMarkers, isolated, marked, isolated_1, isolated_1_1, i, gradientArgs, gradient, overrides_3, _194, _195, dp, fallback_1, overrides_4, _196, _197, dp, positiveColor_1, negativeColor_1;
-                        var e_12, _198, e_13, _199, e_14, _200;
-                        return tslib_1.__generator(this, function (_201) {
-                            switch (_201.label) {
+                        var dataLabel, _184, _185, _186, effectiveChartType, lineLike, domainSources, pieDomainLabels, piePointOffset, data, seriesEchartsType, seriesStyleAttrs, seriesEntry, isBarOrColumn, seriesAny, markerSymbol, wantsMarkers, labelsWithoutMarkers, isolated, marked, isolated_1, isolated_1_1, i, gradientArgs, gradient, overrides_3, _187, _188, dp, fallback_1, overrides_4, _189, _190, dp, positiveColor_1, negativeColor_1;
+                        var e_12, _191, e_13, _192, e_14, _193;
+                        return tslib_1.__generator(this, function (_194) {
+                            switch (_194.label) {
                                 case 0:
-                                    if (!((_102 = (0, series_name_1.linkedSeriesName)(series, getDomainValuesFromRange)) !== null && _102 !== void 0)) return [3 /*break*/, 1];
-                                    _191 = _102;
+                                    if (!((_96 = (0, series_name_1.linkedSeriesName)(series, getDomainValuesFromRange)) !== null && _96 !== void 0)) return [3 /*break*/, 1];
+                                    _184 = _96;
                                     return [3 /*break*/, 5];
                                 case 1:
                                     if (!(!(0, utils_1.isNil)(series.dataLabel) && (0, utils_1.isAFormula)(series.dataLabel))) return [3 /*break*/, 3];
-                                    _193 = chart_spec_utils_1.coerceCalculatedLabel;
-                                    return [4 /*yield*/, onRequestCalculate(series.dataLabel, (_103 = position.sheetId) !== null && _103 !== void 0 ? _103 : sheetId, position.overlayPosition.anchorCell.rowIndex, position.overlayPosition.anchorCell.columnIndex)];
+                                    _186 = chart_spec_utils_1.coerceCalculatedLabel;
+                                    return [4 /*yield*/, onRequestCalculate(series.dataLabel, (_97 = position.sheetId) !== null && _97 !== void 0 ? _97 : sheetId, position.overlayPosition.anchorCell.rowIndex, position.overlayPosition.anchorCell.columnIndex)];
                                 case 2:
-                                    _192 = _193.apply(void 0, [_201.sent()]);
+                                    _185 = _186.apply(void 0, [_194.sent()]);
                                     return [3 /*break*/, 4];
                                 case 3:
-                                    _192 = (_104 = series.dataLabel) !== null && _104 !== void 0 ? _104 : "";
-                                    _201.label = 4;
+                                    _185 = (_98 = series.dataLabel) !== null && _98 !== void 0 ? _98 : "";
+                                    _194.label = 4;
                                 case 4:
-                                    _191 = (_192);
-                                    _201.label = 5;
+                                    _184 = (_185);
+                                    _194.label = 5;
                                 case 5:
-                                    dataLabel = _191;
+                                    dataLabel = _184;
                                     // Label
                                     if (dataLabel) {
-                                        (_105 = legend.data) === null || _105 === void 0 ? void 0 : _105.push(dataLabel);
+                                        (_99 = legend.data) === null || _99 === void 0 ? void 0 : _99.push(dataLabel);
                                     }
-                                    effectiveChartType = (_106 = series.seriesChartType) !== null && _106 !== void 0 ? _106 : spec.chartType;
+                                    effectiveChartType = (_100 = series.seriesChartType) !== null && _100 !== void 0 ? _100 : spec.chartType;
                                     lineLike = (0, empty_cells_1.isLineLikeChartType)(effectiveChartType);
-                                    domainSources = (_109 = (_108 = (_107 = spec.domains) === null || _107 === void 0 ? void 0 : _107[0]) === null || _108 === void 0 ? void 0 : _108.sources) !== null && _109 !== void 0 ? _109 : [];
+                                    domainSources = (_103 = (_102 = (_101 = spec.domains) === null || _101 === void 0 ? void 0 : _101[0]) === null || _102 === void 0 ? void 0 : _102.sources) !== null && _103 !== void 0 ? _103 : [];
                                     pieDomainLabels = isCircularChart &&
                                         (domainSources.length > 1 || series.sources.length > 1)
                                         ? domainSources.flatMap(function (sheetRange) {
@@ -1852,7 +1869,7 @@ var BasicChart = function (_a) {
                                     seriesEntry = tslib_1.__assign(tslib_1.__assign({ type: seriesEchartsType, 
                                         // Ties the rendered series back to spec.series for click selection
                                         // One rendered series per spec series (source index 0).
-                                        id: (0, series_click_1.chartSeriesId)(specSeriesIndex, 0), name: dataLabel, data: data, stack: isStacked ? "dataLabel" : undefined, smooth: (_110 = spec.smooth) !== null && _110 !== void 0 ? _110 : undefined, radius: (_111 = spec.radius) !== null && _111 !== void 0 ? _111 : (isCircularChart ? [0, "75%"] : undefined) }, ((0, empty_cells_1.connectsAcrossEmptyCells)(spec, lineLike)
+                                        id: (0, series_click_1.chartSeriesId)(specSeriesIndex, 0), name: dataLabel, data: data, stack: isStacked ? "dataLabel" : undefined, smooth: (_104 = spec.smooth) !== null && _104 !== void 0 ? _104 : undefined, radius: (_105 = spec.radius) !== null && _105 !== void 0 ? _105 : (isCircularChart ? [0, "75%"] : undefined) }, ((0, empty_cells_1.connectsAcrossEmptyCells)(spec, lineLike)
                                         ? { connectNulls: true }
                                         : {})), seriesStyleAttrs);
                                     // Plot this series against a secondary value axis. The 2nd
@@ -1877,17 +1894,18 @@ var BasicChart = function (_a) {
                                     }
                                     seriesAny = series;
                                     if (effectiveChartType === "line") {
-                                        markerSymbol = (_112 = seriesAny.marker) === null || _112 === void 0 ? void 0 : _112.symbol;
+                                        markerSymbol = (_106 = seriesAny.marker) === null || _106 === void 0 ? void 0 : _106.symbol;
                                         wantsMarkers = markerSymbol === "none"
                                             ? false
                                             : Boolean(spec.showMarkers) || !(0, utils_1.isNil)(markerSymbol);
                                         labelsWithoutMarkers = !wantsMarkers &&
-                                            Boolean((_113 = (0, overrides_1.resolveSeriesDataLabels)(spec.dataLabels, seriesAny)) === null || _113 === void 0 ? void 0 : _113.show);
+                                            Boolean((_107 = (0, overrides_1.resolveSeriesDataLabels)(spec.dataLabels, seriesAny)) === null || _107 === void 0 ? void 0 : _107.show);
                                         seriesEntry.showSymbol = wantsMarkers || labelsWithoutMarkers;
                                         if (wantsMarkers) {
                                             seriesEntry.symbol =
-                                                (_114 = (0, helpers_1.mapMarkerSymbolToEcharts)(markerSymbol)) !== null && _114 !== void 0 ? _114 : "circle";
-                                            seriesEntry.symbolSize = (_116 = (_115 = seriesAny.marker) === null || _115 === void 0 ? void 0 : _115.size) !== null && _116 !== void 0 ? _116 : 6;
+                                                (_108 = (0, helpers_1.mapMarkerSymbolToEcharts)(markerSymbol !== null && markerSymbol !== void 0 ? markerSymbol : (0, helpers_1.automaticMarkerSymbol)(specSeriesIndex))) !== null && _108 !== void 0 ? _108 : "circle";
+                                            // Excel's automatic marker is 5 pt (7 px); an authored size is points too.
+                                            seriesEntry.symbolSize = Math.round((((_110 = (_109 = seriesAny.marker) === null || _109 === void 0 ? void 0 : _109.size) !== null && _110 !== void 0 ? _110 : 5) * 4) / 3);
                                         }
                                         else {
                                             if (labelsWithoutMarkers) {
@@ -1910,7 +1928,7 @@ var BasicChart = function (_a) {
                                                     catch (e_12_1) { e_12 = { error: e_12_1 }; }
                                                     finally {
                                                         try {
-                                                            if (isolated_1_1 && !isolated_1_1.done && (_198 = isolated_1.return)) _198.call(isolated_1);
+                                                            if (isolated_1_1 && !isolated_1_1.done && (_191 = isolated_1.return)) _191.call(isolated_1);
                                                         }
                                                         finally { if (e_12) throw e_12.error; }
                                                     }
@@ -1922,9 +1940,9 @@ var BasicChart = function (_a) {
                                     gradientArgs = (0, gradient_1.gradientToEcharts)(series.gradient);
                                     if (gradientArgs && !seriesAny.noFill) {
                                         gradient = new echarts.graphic.LinearGradient(gradientArgs.x, gradientArgs.y, gradientArgs.x2, gradientArgs.y2, gradientArgs.colorStops);
-                                        seriesEntry.itemStyle = tslib_1.__assign(tslib_1.__assign({}, ((_117 = seriesEntry.itemStyle) !== null && _117 !== void 0 ? _117 : {})), { color: gradient });
+                                        seriesEntry.itemStyle = tslib_1.__assign(tslib_1.__assign({}, ((_111 = seriesEntry.itemStyle) !== null && _111 !== void 0 ? _111 : {})), { color: gradient });
                                         if (effectiveChartType === "area") {
-                                            seriesEntry.areaStyle = tslib_1.__assign(tslib_1.__assign({}, ((_118 = seriesEntry.areaStyle) !== null && _118 !== void 0 ? _118 : {})), { color: gradient });
+                                            seriesEntry.areaStyle = tslib_1.__assign(tslib_1.__assign({}, ((_112 = seriesEntry.areaStyle) !== null && _112 !== void 0 ? _112 : {})), { color: gradient });
                                         }
                                     }
                                     else if (seriesAny.noFill) {
@@ -1932,15 +1950,15 @@ var BasicChart = function (_a) {
                                         // with `transparent` so layout is preserved but nothing
                                         // paints. Legend entries are also suppressed via `name: ""`
                                         // since the series carries no semantic information.
-                                        seriesEntry.itemStyle = tslib_1.__assign(tslib_1.__assign({}, ((_119 = seriesEntry.itemStyle) !== null && _119 !== void 0 ? _119 : {})), { color: "transparent", borderColor: "transparent" });
+                                        seriesEntry.itemStyle = tslib_1.__assign(tslib_1.__assign({}, ((_113 = seriesEntry.itemStyle) !== null && _113 !== void 0 ? _113 : {})), { color: "transparent", borderColor: "transparent" });
                                     }
                                     else if (isBarOrColumn &&
                                         Array.isArray(seriesAny.dataPointColors) &&
                                         seriesAny.dataPointColors.length) {
                                         overrides_3 = new Map();
                                         try {
-                                            for (_194 = (e_13 = void 0, tslib_1.__values(seriesAny.dataPointColors)), _195 = _194.next(); !_195.done; _195 = _194.next()) {
-                                                dp = _195.value;
+                                            for (_187 = (e_13 = void 0, tslib_1.__values(seriesAny.dataPointColors)), _188 = _187.next(); !_188.done; _188 = _187.next()) {
+                                                dp = _188.value;
                                                 if (typeof dp.idx === "number" && typeof dp.color === "string") {
                                                     overrides_3.set(dp.idx, dp.color);
                                                 }
@@ -1949,20 +1967,20 @@ var BasicChart = function (_a) {
                                         catch (e_13_1) { e_13 = { error: e_13_1 }; }
                                         finally {
                                             try {
-                                                if (_195 && !_195.done && (_199 = _194.return)) _199.call(_194);
+                                                if (_188 && !_188.done && (_192 = _187.return)) _192.call(_187);
                                             }
                                             finally { if (e_13) throw e_13.error; }
                                         }
-                                        fallback_1 = (_120 = series.color) !== null && _120 !== void 0 ? _120 : paletteColorAt(specSeriesIndex);
-                                        seriesEntry.itemStyle = tslib_1.__assign(tslib_1.__assign({}, ((_121 = seriesEntry.itemStyle) !== null && _121 !== void 0 ? _121 : {})), { color: function (params) { var _a; return (_a = overrides_3.get(params.dataIndex)) !== null && _a !== void 0 ? _a : fallback_1; } });
+                                        fallback_1 = (_114 = series.color) !== null && _114 !== void 0 ? _114 : paletteColorAt(specSeriesIndex);
+                                        seriesEntry.itemStyle = tslib_1.__assign(tslib_1.__assign({}, ((_115 = seriesEntry.itemStyle) !== null && _115 !== void 0 ? _115 : {})), { color: function (params) { var _a; return (_a = overrides_3.get(params.dataIndex)) !== null && _a !== void 0 ? _a : fallback_1; } });
                                     }
                                     else if (isCircularChart &&
                                         Array.isArray(seriesAny.dataPointColors) &&
                                         seriesAny.dataPointColors.length) {
                                         overrides_4 = new Map();
                                         try {
-                                            for (_196 = (e_14 = void 0, tslib_1.__values(seriesAny.dataPointColors)), _197 = _196.next(); !_197.done; _197 = _196.next()) {
-                                                dp = _197.value;
+                                            for (_189 = (e_14 = void 0, tslib_1.__values(seriesAny.dataPointColors)), _190 = _189.next(); !_190.done; _190 = _189.next()) {
+                                                dp = _190.value;
                                                 if (typeof dp.idx === "number" && typeof dp.color === "string") {
                                                     overrides_4.set(dp.idx, dp.color);
                                                 }
@@ -1971,19 +1989,19 @@ var BasicChart = function (_a) {
                                         catch (e_14_1) { e_14 = { error: e_14_1 }; }
                                         finally {
                                             try {
-                                                if (_197 && !_197.done && (_200 = _196.return)) _200.call(_196);
+                                                if (_190 && !_190.done && (_193 = _189.return)) _193.call(_189);
                                             }
                                             finally { if (e_14) throw e_14.error; }
                                         }
-                                        seriesEntry.itemStyle = tslib_1.__assign(tslib_1.__assign({}, ((_122 = seriesEntry.itemStyle) !== null && _122 !== void 0 ? _122 : {})), { color: function (params) {
+                                        seriesEntry.itemStyle = tslib_1.__assign(tslib_1.__assign({}, ((_116 = seriesEntry.itemStyle) !== null && _116 !== void 0 ? _116 : {})), { color: function (params) {
                                                 var _a, _b;
                                                 return (_b = (_a = overrides_4.get(params.dataIndex)) !== null && _a !== void 0 ? _a : series.color) !== null && _b !== void 0 ? _b : paletteColorAt(params.dataIndex);
                                             } });
                                     }
                                     else if (isBarOrColumn && series.invertIfNegative) {
-                                        positiveColor_1 = (_123 = series.color) !== null && _123 !== void 0 ? _123 : paletteColorAt(specSeriesIndex);
-                                        negativeColor_1 = (_124 = series.negativeColor) !== null && _124 !== void 0 ? _124 : "#FF0000";
-                                        seriesEntry.itemStyle = tslib_1.__assign(tslib_1.__assign({}, ((_125 = seriesEntry.itemStyle) !== null && _125 !== void 0 ? _125 : {})), { color: function (params) {
+                                        positiveColor_1 = (_117 = series.color) !== null && _117 !== void 0 ? _117 : paletteColorAt(specSeriesIndex);
+                                        negativeColor_1 = (_118 = series.negativeColor) !== null && _118 !== void 0 ? _118 : "#FF0000";
+                                        seriesEntry.itemStyle = tslib_1.__assign(tslib_1.__assign({}, ((_119 = seriesEntry.itemStyle) !== null && _119 !== void 0 ? _119 : {})), { color: function (params) {
                                                 var _a, _b;
                                                 var value = Array.isArray(params.data)
                                                     ? params.data[1]
@@ -1994,10 +2012,10 @@ var BasicChart = function (_a) {
                                             } });
                                     }
                                     else if (series.color) {
-                                        seriesEntry.itemStyle = tslib_1.__assign(tslib_1.__assign({}, ((_126 = seriesEntry.itemStyle) !== null && _126 !== void 0 ? _126 : {})), { color: series.color });
-                                        seriesEntry.lineStyle = tslib_1.__assign(tslib_1.__assign({}, ((_127 = seriesEntry.lineStyle) !== null && _127 !== void 0 ? _127 : {})), { color: series.color });
+                                        seriesEntry.itemStyle = tslib_1.__assign(tslib_1.__assign({}, ((_120 = seriesEntry.itemStyle) !== null && _120 !== void 0 ? _120 : {})), { color: series.color });
+                                        seriesEntry.lineStyle = tslib_1.__assign(tslib_1.__assign({}, ((_121 = seriesEntry.lineStyle) !== null && _121 !== void 0 ? _121 : {})), { color: series.color });
                                         if (effectiveChartType === "area") {
-                                            seriesEntry.areaStyle = tslib_1.__assign(tslib_1.__assign({}, ((_128 = seriesEntry.areaStyle) !== null && _128 !== void 0 ? _128 : {})), { color: series.color });
+                                            seriesEntry.areaStyle = tslib_1.__assign(tslib_1.__assign({}, ((_122 = seriesEntry.areaStyle) !== null && _122 !== void 0 ? _122 : {})), { color: series.color });
                                         }
                                     }
                                     chartSeries.push(seriesEntry);
@@ -2006,24 +2024,24 @@ var BasicChart = function (_a) {
                             }
                         });
                     };
-                    _189.label = 39;
+                    _182.label = 39;
                 case 39:
-                    _189.trys.push([39, 44, 45, 46]);
-                    _t = tslib_1.__values(((_101 = spec.series) !== null && _101 !== void 0 ? _101 : []).entries()), _u = _t.next();
-                    _189.label = 40;
+                    _182.trys.push([39, 44, 45, 46]);
+                    _t = tslib_1.__values(((_95 = spec.series) !== null && _95 !== void 0 ? _95 : []).entries()), _u = _t.next();
+                    _182.label = 40;
                 case 40:
                     if (!!_u.done) return [3 /*break*/, 43];
                     _v = tslib_1.__read(_u.value, 2), specSeriesIndex = _v[0], series = _v[1];
                     return [5 /*yield**/, _loop_1(specSeriesIndex, series)];
                 case 41:
-                    _189.sent();
-                    _189.label = 42;
+                    _182.sent();
+                    _182.label = 42;
                 case 42:
                     _u = _t.next();
                     return [3 /*break*/, 40];
                 case 43: return [3 /*break*/, 46];
                 case 44:
-                    e_3_1 = _189.sent();
+                    e_3_1 = _182.sent();
                     e_3 = { error: e_3_1 };
                     return [3 /*break*/, 46];
                 case 45:
@@ -2041,7 +2059,7 @@ var BasicChart = function (_a) {
                     }
                     if (isOfPie) {
                         labels = rawPrimaryDomainValues.map(function (v) { return String(v !== null && v !== void 0 ? v : ""); });
-                        seriesEntry = (_129 = spec.series) === null || _129 === void 0 ? void 0 : _129[0];
+                        seriesEntry = (_123 = spec.series) === null || _123 === void 0 ? void 0 : _123[0];
                         rawValues = seriesEntry
                             ? flattenChartDataValues([seriesEntry], getSeriesValuesFromRange, spec.hiddenDimensionStrategy).map(function (v) { return (typeof v === "number" ? v : Number(v)); })
                             : [];
@@ -2088,7 +2106,7 @@ var BasicChart = function (_a) {
                         };
                         chartSeries.push({
                             type: "pie",
-                            name: (_130 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.dataLabel) !== null && _130 !== void 0 ? _130 : "",
+                            name: (_124 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.dataLabel) !== null && _124 !== void 0 ? _124 : "",
                             center: ["".concat(MAIN_CX_1 * 100, "%"), "".concat(CY_1 * 100, "%")],
                             radius: [0, "".concat(MAIN_RADIUS_PCT_1, "%")],
                             // Rotate the pie so the "Other" slice's angular midpoint faces
@@ -2106,7 +2124,7 @@ var BasicChart = function (_a) {
                             if (ofPieType_1 === "pie") {
                                 chartSeries.push({
                                     type: "pie",
-                                    name: (_131 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.dataLabel) !== null && _131 !== void 0 ? _131 : "",
+                                    name: (_125 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.dataLabel) !== null && _125 !== void 0 ? _125 : "",
                                     center: ["".concat(SECONDARY_CX_1 * 100, "%"), "".concat(CY_1 * 100, "%")],
                                     radius: [0, "".concat(secondaryRadiusPct_1, "%")],
                                     data: secondary.map(function (s, i) { return ({
@@ -2201,16 +2219,16 @@ var BasicChart = function (_a) {
                         legend.data = tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(main_1.map(function (s) { return s.label; })), false), tslib_1.__read(secondary.map(function (s) { return s.label; })), false);
                     }
                     else if (spec.chartType === "waterfall") {
-                        primaryDomainSource_1 = (_134 = (_133 = (_132 = spec === null || spec === void 0 ? void 0 : spec.domains) === null || _132 === void 0 ? void 0 : _132[0]) === null || _133 === void 0 ? void 0 : _133.sources) === null || _134 === void 0 ? void 0 : _134[0];
+                        primaryDomainSource_1 = (_128 = (_127 = (_126 = spec === null || spec === void 0 ? void 0 : spec.domains) === null || _126 === void 0 ? void 0 : _126[0]) === null || _127 === void 0 ? void 0 : _127.sources) === null || _128 === void 0 ? void 0 : _128[0];
                         rawDomainValues = primaryDomainSource_1
-                            ? (0, aggregation_1.sanitizeDomainValues)((_135 = getDomainValuesFromRange(primaryDomainSource_1, spec.hiddenDimensionStrategy)) !== null && _135 !== void 0 ? _135 : [])
+                            ? (0, aggregation_1.sanitizeDomainValues)((_129 = getDomainValuesFromRange(primaryDomainSource_1, spec.hiddenDimensionStrategy)) !== null && _129 !== void 0 ? _129 : [])
                             : [];
                         labels = rawDomainValues.map(function (v) { return String(v !== null && v !== void 0 ? v : ""); });
-                        seriesEntry = (_136 = spec.series) === null || _136 === void 0 ? void 0 : _136[0];
+                        seriesEntry = (_130 = spec.series) === null || _130 === void 0 ? void 0 : _130[0];
                         rawValues_1 = seriesEntry
                             ? flattenChartDataValues([seriesEntry], getSeriesValuesFromRange, spec.hiddenDimensionStrategy).map(function (v) { return (typeof v === "number" ? v : Number(v)); })
                             : [];
-                        totalIndices = new Set((_137 = spec.totalIndices) !== null && _137 !== void 0 ? _137 : []);
+                        totalIndices = new Set((_131 = spec.totalIndices) !== null && _131 !== void 0 ? _131 : []);
                         steps = (0, waterfall_1.computeWaterfall)(rawValues_1, labels, totalIndices);
                         chartDomains.length = 0;
                         chartDomains.push({
@@ -2220,7 +2238,7 @@ var BasicChart = function (_a) {
                             axisLine: { show: true },
                             axisTick: { show: true },
                             splitLine: { show: false },
-                            name: (_138 = spec.horizontalAxisTitle) !== null && _138 !== void 0 ? _138 : "",
+                            name: (_132 = spec.horizontalAxisTitle) !== null && _132 !== void 0 ? _132 : "",
                             nameLocation: "middle",
                             nameGap: 30,
                         });
@@ -2237,12 +2255,12 @@ var BasicChart = function (_a) {
                             label: { show: false },
                             tooltip: { show: false },
                         });
-                        accent_1 = (_139 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.color) !== null && _139 !== void 0 ? _139 : theme.themeColors.accent1;
-                        decreaseColor_1 = (_141 = (_140 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.negativeColor) !== null && _140 !== void 0 ? _140 : theme.themeColors.accent2) !== null && _141 !== void 0 ? _141 : accent_1;
-                        totalColor_1 = (_142 = theme.themeColors.accent3) !== null && _142 !== void 0 ? _142 : accent_1;
+                        accent_1 = (_133 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.color) !== null && _133 !== void 0 ? _133 : theme.themeColors.accent1;
+                        decreaseColor_1 = (_135 = (_134 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.negativeColor) !== null && _134 !== void 0 ? _134 : theme.themeColors.accent2) !== null && _135 !== void 0 ? _135 : accent_1;
+                        totalColor_1 = (_136 = theme.themeColors.accent3) !== null && _136 !== void 0 ? _136 : accent_1;
                         pointColors_1 = new Map();
                         try {
-                            for (_x = tslib_1.__values((_143 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.dataPointColors) !== null && _143 !== void 0 ? _143 : []), _y = _x.next(); !_y.done; _y = _x.next()) {
+                            for (_x = tslib_1.__values((_137 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.dataPointColors) !== null && _137 !== void 0 ? _137 : []), _y = _x.next(); !_y.done; _y = _x.next()) {
                                 dp = _y.value;
                                 if (typeof (dp === null || dp === void 0 ? void 0 : dp.idx) === "number" && typeof (dp === null || dp === void 0 ? void 0 : dp.color) === "string") {
                                     pointColors_1.set(dp.idx, dp.color);
@@ -2264,7 +2282,7 @@ var BasicChart = function (_a) {
                             type: "bar",
                             id: (0, series_click_1.chartSeriesId)(0, 0),
                             stack: "waterfall",
-                            name: (_144 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.dataLabel) !== null && _144 !== void 0 ? _144 : "",
+                            name: (_138 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.dataLabel) !== null && _138 !== void 0 ? _138 : "",
                             // A bar's height is the step's magnitude; the signed source value
                             // rides along as `originalValue` so labels and tooltips read
                             // "-90" for a decrease, like Excel.
@@ -2298,12 +2316,12 @@ var BasicChart = function (_a) {
                         legend.data = [];
                     }
                     else if (spec.chartType === "funnel") {
-                        primaryDomainSource_2 = (_147 = (_146 = (_145 = spec === null || spec === void 0 ? void 0 : spec.domains) === null || _145 === void 0 ? void 0 : _145[0]) === null || _146 === void 0 ? void 0 : _146.sources) === null || _147 === void 0 ? void 0 : _147[0];
+                        primaryDomainSource_2 = (_141 = (_140 = (_139 = spec === null || spec === void 0 ? void 0 : spec.domains) === null || _139 === void 0 ? void 0 : _139[0]) === null || _140 === void 0 ? void 0 : _140.sources) === null || _141 === void 0 ? void 0 : _141[0];
                         rawDomainValues = primaryDomainSource_2
-                            ? (0, aggregation_1.sanitizeDomainValues)((_148 = getDomainValuesFromRange(primaryDomainSource_2, spec.hiddenDimensionStrategy)) !== null && _148 !== void 0 ? _148 : [])
+                            ? (0, aggregation_1.sanitizeDomainValues)((_142 = getDomainValuesFromRange(primaryDomainSource_2, spec.hiddenDimensionStrategy)) !== null && _142 !== void 0 ? _142 : [])
                             : [];
                         labels_1 = rawDomainValues.map(function (v) { return String(v !== null && v !== void 0 ? v : ""); });
-                        seriesEntry = (_149 = spec.series) === null || _149 === void 0 ? void 0 : _149[0];
+                        seriesEntry = (_143 = spec.series) === null || _143 === void 0 ? void 0 : _143[0];
                         rawValues = seriesEntry
                             ? flattenChartDataValues([seriesEntry], getSeriesValuesFromRange, spec.hiddenDimensionStrategy).map(function (v) { return (typeof v === "number" ? v : 0); })
                             : [];
@@ -2317,10 +2335,10 @@ var BasicChart = function (_a) {
                             theme.themeColors.accent5,
                             theme.themeColors.accent6,
                         ]);
-                        funnelColor_1 = (_150 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.color) !== null && _150 !== void 0 ? _150 : (0, utils_1.chartPaletteColorAt)(funnelPalette, 0);
+                        funnelColor_1 = (_144 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.color) !== null && _144 !== void 0 ? _144 : (0, utils_1.chartPaletteColorAt)(funnelPalette, 0);
                         stageColors_1 = new Map();
                         try {
-                            for (_z = tslib_1.__values((_151 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.dataPointColors) !== null && _151 !== void 0 ? _151 : []), _0 = _z.next(); !_0.done; _0 = _z.next()) {
+                            for (_z = tslib_1.__values((_145 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.dataPointColors) !== null && _145 !== void 0 ? _145 : []), _0 = _z.next(); !_0.done; _0 = _z.next()) {
                                 dp = _0.value;
                                 if (typeof (dp === null || dp === void 0 ? void 0 : dp.idx) === "number" && typeof (dp === null || dp === void 0 ? void 0 : dp.color) === "string") {
                                     stageColors_1.set(dp.idx, dp.color);
@@ -2348,9 +2366,9 @@ var BasicChart = function (_a) {
                             top: 60,
                             bottom: 20,
                         };
-                        funnelLabelsOff = ((_152 = (0, overrides_1.resolveSeriesDataLabels)(spec.dataLabels, seriesEntry)) === null || _152 === void 0 ? void 0 : _152.show) ===
+                        funnelLabelsOff = ((_146 = (0, overrides_1.resolveSeriesDataLabels)(spec.dataLabels, seriesEntry)) === null || _146 === void 0 ? void 0 : _146.show) ===
                             false;
-                        chartSeries.push(tslib_1.__assign(tslib_1.__assign({ type: "funnel", id: (0, series_click_1.chartSeriesId)(0, 0), name: (_153 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.dataLabel) !== null && _153 !== void 0 ? _153 : "", data: funnelData }, funnelLayout), { itemStyle: {
+                        chartSeries.push(tslib_1.__assign(tslib_1.__assign({ type: "funnel", id: (0, series_click_1.chartSeriesId)(0, 0), name: (_147 = seriesEntry === null || seriesEntry === void 0 ? void 0 : seriesEntry.dataLabel) !== null && _147 !== void 0 ? _147 : "", data: funnelData }, funnelLayout), { itemStyle: {
                                 color: function (params) { var _a; return (_a = stageColors_1.get(params.dataIndex)) !== null && _a !== void 0 ? _a : funnelColor_1; },
                             }, label: funnelLabelsOff
                                 ? { show: false }
@@ -2373,9 +2391,9 @@ var BasicChart = function (_a) {
                         showMeanMarker_1 = spec.showMeanMarker === true;
                         showInnerPoints_1 = spec.showInnerPoints === true;
                         showMeanLine_1 = spec.showMeanLine === true;
-                        boxDomainSource = (_156 = (_155 = (_154 = spec.domains) === null || _154 === void 0 ? void 0 : _154[0]) === null || _155 === void 0 ? void 0 : _155.sources) === null || _156 === void 0 ? void 0 : _156[0];
+                        boxDomainSource = (_150 = (_149 = (_148 = spec.domains) === null || _148 === void 0 ? void 0 : _148[0]) === null || _149 === void 0 ? void 0 : _149.sources) === null || _150 === void 0 ? void 0 : _150[0];
                         boxCategories_2 = boxDomainSource
-                            ? ((_157 = getDomainValuesFromRange(boxDomainSource, spec.hiddenDimensionStrategy)) !== null && _157 !== void 0 ? _157 : []).map(function (v) { return (v === null || v === undefined ? "" : "".concat(v).trim()); })
+                            ? ((_151 = getDomainValuesFromRange(boxDomainSource, spec.hiddenDimensionStrategy)) !== null && _151 !== void 0 ? _151 : []).map(function (v) { return (v === null || v === undefined ? "" : "".concat(v).trim()); })
                             : [];
                         grouped_1 = boxCategories_2.some(function (c) { return c !== ""; });
                         groups_1 = [];
@@ -2395,7 +2413,7 @@ var BasicChart = function (_a) {
                                 finally { if (e_8) throw e_8.error; }
                             }
                         }
-                        boxSeriesSpecs = (_158 = spec.series) !== null && _158 !== void 0 ? _158 : [];
+                        boxSeriesSpecs = (_152 = spec.series) !== null && _152 !== void 0 ? _152 : [];
                         slots = grouped_1 ? groups_1 : ["1"];
                         boxGap = typeof spec.gapWidth === "number" ? Math.max(0, spec.gapWidth) : 150;
                         boxPlotWidth = Math.max(0, (width !== null && width !== void 0 ? width : 0) * 0.85 - 40);
@@ -2418,7 +2436,7 @@ var BasicChart = function (_a) {
                             axisLine: { show: true },
                             axisTick: { show: true },
                             splitLine: { show: false },
-                            name: (_159 = spec.horizontalAxisTitle) !== null && _159 !== void 0 ? _159 : "",
+                            name: (_153 = spec.horizontalAxisTitle) !== null && _153 !== void 0 ? _153 : "",
                             nameLocation: "middle",
                             nameGap: 30,
                         });
@@ -2546,12 +2564,12 @@ var BasicChart = function (_a) {
                     }
                     else if (spec.chartType === "histogram") {
                         rawValues = flattenChartDataValues(spec.series, getSeriesValuesFromRange, spec.hiddenDimensionStrategy).map(function (v) { return (typeof v === "number" ? v : Number(v)); });
-                        histogramDomainSource = (_162 = (_161 = (_160 = spec.domains) === null || _160 === void 0 ? void 0 : _160[0]) === null || _161 === void 0 ? void 0 : _161.sources) === null || _162 === void 0 ? void 0 : _162[0];
+                        histogramDomainSource = (_156 = (_155 = (_154 = spec.domains) === null || _154 === void 0 ? void 0 : _154[0]) === null || _155 === void 0 ? void 0 : _155.sources) === null || _156 === void 0 ? void 0 : _156[0];
                         histogramCategories = histogramDomainSource
-                            ? ((_163 = getDomainValuesFromRange(histogramDomainSource, spec.hiddenDimensionStrategy)) !== null && _163 !== void 0 ? _163 : [])
+                            ? ((_157 = getDomainValuesFromRange(histogramDomainSource, spec.hiddenDimensionStrategy)) !== null && _157 !== void 0 ? _157 : [])
                             : [];
                         _1 = histogramCategories.length
-                            ? (0, histogram_1.aggregateByCategory)(histogramCategories, rawValues, (_166 = (_165 = (_164 = spec.series) === null || _164 === void 0 ? void 0 : _164[0]) === null || _165 === void 0 ? void 0 : _165.aggregateType) !== null && _166 !== void 0 ? _166 : "SUM")
+                            ? (0, histogram_1.aggregateByCategory)(histogramCategories, rawValues, (_160 = (_159 = (_158 = spec.series) === null || _158 === void 0 ? void 0 : _158[0]) === null || _159 === void 0 ? void 0 : _159.aggregateType) !== null && _160 !== void 0 ? _160 : "SUM")
                             : (0, histogram_1.binHistogram)(rawValues, spec.binCount, {
                                 binSize: spec.binSize,
                                 intervalClosed: spec.intervalClosed,
@@ -2574,20 +2592,20 @@ var BasicChart = function (_a) {
                             axisLine: { show: true },
                             axisTick: { show: true },
                             splitLine: { show: false },
-                            name: (_167 = spec.horizontalAxisTitle) !== null && _167 !== void 0 ? _167 : "",
+                            name: (_161 = spec.horizontalAxisTitle) !== null && _161 !== void 0 ? _161 : "",
                             nameLocation: "middle",
                             nameGap: 30,
                         });
                         chartSeries.length = 0;
                         histogramSeries = {
                             type: "bar",
-                            name: (_170 = (_169 = (_168 = spec.series) === null || _168 === void 0 ? void 0 : _168[0]) === null || _169 === void 0 ? void 0 : _169.dataLabel) !== null && _170 !== void 0 ? _170 : "",
+                            name: (_164 = (_163 = (_162 = spec.series) === null || _162 === void 0 ? void 0 : _162[0]) === null || _163 === void 0 ? void 0 : _163.dataLabel) !== null && _164 !== void 0 ? _164 : "",
                             data: counts,
                             // Excel's histogram columns touch unless `gapWidth` says otherwise
                             // (#1087); the gap maps like a column chart's.
-                            barCategoryGap: (_172 = (0, bar_layout_1.gapWidthToBarCategoryGap)((_171 = spec.gapWidth) !== null && _171 !== void 0 ? _171 : 0, { seriesCount: 1 })) !== null && _172 !== void 0 ? _172 : "0%",
+                            barCategoryGap: (_166 = (0, bar_layout_1.gapWidthToBarCategoryGap)((_165 = spec.gapWidth) !== null && _165 !== void 0 ? _165 : 0, { seriesCount: 1 })) !== null && _166 !== void 0 ? _166 : "0%",
                         };
-                        histogramColor = (_174 = (_173 = spec.series) === null || _173 === void 0 ? void 0 : _173[0]) === null || _174 === void 0 ? void 0 : _174.color;
+                        histogramColor = (_168 = (_167 = spec.series) === null || _167 === void 0 ? void 0 : _167[0]) === null || _168 === void 0 ? void 0 : _168.color;
                         if (histogramColor) {
                             histogramSeries.itemStyle = { color: histogramColor };
                         }
@@ -2603,40 +2621,53 @@ var BasicChart = function (_a) {
                         }
                         legend.data = [];
                     }
-                    renderedSeriesCount = chartSeries.length;
+                    lineElementOptions = spec;
+                    if (!isCircularChart &&
+                        (lineElementOptions.dropLines ||
+                            (spec.chartType === "line" &&
+                                (lineElementOptions.hiLowLines || lineElementOptions.upDownBars)))) {
+                        lineData = chartSeries
+                            .filter(function (s) {
+                            return (s === null || s === void 0 ? void 0 : s.type) === "line" &&
+                                s.yAxisIndex !== 1 &&
+                                (0, series_click_1.chartSeriesSpecIndex)(s.id) !== undefined &&
+                                Array.isArray(s.data);
+                        })
+                            .map(function (s) { return s.data; });
+                        chartSeries.push.apply(chartSeries, tslib_1.__spreadArray([], tslib_1.__read((0, chart_lines_1.buildChartLineSeries)({
+                            dropLines: lineElementOptions.dropLines &&
+                                (spec.chartType === "line" || spec.chartType === "area"),
+                            hiLowLines: lineElementOptions.hiLowLines,
+                            upDownBars: lineElementOptions.upDownBars,
+                        }, lineData, { isDarkMode: isDarkMode })), false));
+                    }
+                    renderedSeriesCount = chartSeries.length + (spec.dataTable ? 10000 : 0);
                     replaceMerge = previousChartType.current !== spec.chartType ||
                         previousSeriesCount.current !== renderedSeriesCount
                         ? ["series", "xAxis", "yAxis", "legend", "grid", "tooltip"]
                         : [];
-                    valueAxisBase = {
-                        type: "value",
-                        show: !isCircularChart,
+                    valueAxisBase = tslib_1.__assign(tslib_1.__assign({}, axisTextStyle), { type: "value", show: !isCircularChart, 
                         // echarts draws the value axis line at the zero of a value-type x
                         // axis in the grid; the box & whisker overlay axis (#1099) would pull
                         // it into the first category's slot, so it stays at the plot edge.
-                        axisLine: tslib_1.__assign({ show: !isCircularChart }, (boxplotOverlayAxis ? { onZero: false } : {})),
-                        axisTick: { show: !isCircularChart },
-                        splitLine: { show: !isCircularChart },
-                        nameLocation: "middle",
-                        nameGap: 50,
-                    };
+                        axisLine: tslib_1.__assign({ show: !isCircularChart }, (boxplotOverlayAxis ? { onZero: false } : {})), axisTick: { show: !isCircularChart }, splitLine: { show: !isCircularChart }, nameLocation: "middle", nameGap: 50 });
                     isPareto = spec.chartType === "histogram" && (0, histogram_1.isParetoSpec)(spec);
                     hasSecondaryAxis = !isCircularChart &&
                         !isHorizontalBarChart &&
-                        (((_175 = spec.series) !== null && _175 !== void 0 ? _175 : []).some(function (s) { return s.useSecondaryAxis; }) || isPareto);
+                        (((_169 = spec.series) !== null && _169 !== void 0 ? _169 : []).some(function (s) { return s.useSecondaryAxis; }) || isPareto);
                     isPercentStackedBars = spec.stackedType === "PERCENT_STACKED" &&
                         (spec.chartType === "bar" || spec.chartType === "column");
                     primaryAxisNumberFormat = isPercentStackedBars
                         ? undefined
                         : (0, axis_number_format_1.resolveValueAxisNumberFormat)({
                             axisOptions: spec.valueAxisOptions,
-                            series: ((_176 = spec.series) !== null && _176 !== void 0 ? _176 : []).filter(function (s) { return !s.useSecondaryAxis; }),
+                            series: ((_170 = spec.series) !== null && _170 !== void 0 ? _170 : []).filter(function (s) { return !s.useSecondaryAxis; }),
                             getFormattingFromRange: getFormattingFromRange,
                             hiddenDimensionStrategy: spec.hiddenDimensionStrategy,
                         });
                     secondaryAxisNumberFormat = (0, axis_number_format_1.resolveValueAxisNumberFormat)({
                         axisOptions: spec.secondaryValueAxisOptions,
-                        series: ((_177 = spec.series) !== null && _177 !== void 0 ? _177 : []).filter(function (s) { return s.useSecondaryAxis; }),
+                        series: ((_171 = spec.series) !== null && _171 !== void 0 ? _171 : []).filter(function (s) { return s.useSecondaryAxis; }),
                         getFormattingFromRange: getFormattingFromRange,
                         hiddenDimensionStrategy: spec.hiddenDimensionStrategy,
                     });
@@ -2665,17 +2696,17 @@ var BasicChart = function (_a) {
                     finalLegend = (0, overrides_1.applyLegendOverrides)(legend, spec.legend);
                     bottomAxisNameGap = isHorizontalBarChart
                         ? valueAxisBase.nameGap
-                        : Number((_179 = (_178 = chartDomains[0]) === null || _178 === void 0 ? void 0 : _178.nameGap) !== null && _179 !== void 0 ? _179 : CATEGORY_AXIS_NAME_GAP);
+                        : Number((_173 = (_172 = chartDomains[0]) === null || _172 === void 0 ? void 0 : _172.nameGap) !== null && _173 !== void 0 ? _173 : CATEGORY_AXIS_NAME_GAP);
                     legendBand = (0, legend_layout_1.reserveEchartsLegendBand)({
-                        position: (_180 = spec.legend) === null || _180 === void 0 ? void 0 : _180.position,
+                        position: (_174 = spec.legend) === null || _174 === void 0 ? void 0 : _174.position,
                         visible: finalLegend.show !== false,
                         labels: (0, legend_layout_1.legendLabelsFrom)(finalLegend.data, chartSeries.map(function (s) { return s === null || s === void 0 ? void 0 : s.name; })),
-                        legendFontSize: (_185 = (_182 = (_181 = finalLegend.textStyle) === null || _181 === void 0 ? void 0 : _181.fontSize) !== null && _182 !== void 0 ? _182 : (_184 = (_183 = spec.legend) === null || _183 === void 0 ? void 0 : _183.textFormat) === null || _184 === void 0 ? void 0 : _184.fontSize) !== null && _185 !== void 0 ? _185 : 12,
+                        legendFontSize: (_176 = (_175 = finalLegend.textStyle) === null || _175 === void 0 ? void 0 : _175.fontSize) !== null && _176 !== void 0 ? _176 : (0, overrides_2.fontSizePx)((_178 = (_177 = spec.legend) === null || _177 === void 0 ? void 0 : _177.textFormat) === null || _178 === void 0 ? void 0 : _178.fontSize, overrides_2.CHART_TEXT_PX),
                         legendItemWidth: defaultLegendConfig.itemWidth,
                         width: width !== null && width !== void 0 ? width : 0,
                         height: height !== null && height !== void 0 ? height : 0,
                         hasTitle: Boolean(title),
-                        titleFontSize: (_187 = (_186 = spec.titleTextFormat) === null || _186 === void 0 ? void 0 : _186.fontSize) !== null && _187 !== void 0 ? _187 : 16,
+                        titleFontSize: (0, overrides_2.fontSizePx)((_179 = spec.titleTextFormat) === null || _179 === void 0 ? void 0 : _179.fontSize, overrides_2.CHART_TITLE_PX),
                         hasBottomAxisTitle: !isCircularChart && Boolean(spec.horizontalAxisTitle),
                         bottomAxisNameGap: bottomAxisNameGap,
                         hasLeftAxisTitle: !isCircularChart && Boolean(spec.verticalAxisTitle),
@@ -2697,11 +2728,15 @@ var BasicChart = function (_a) {
                             : legendBand.grid;
                     chartDataLabels = spec.dataLabels;
                     seriesLabelOptionFor = function (s) {
-                        var _a;
+                        var _a, _b;
                         var specIndex = (0, series_click_1.chartSeriesSpecIndex)(s === null || s === void 0 ? void 0 : s.id);
                         var dataLabelOptions = (0, overrides_1.resolveSeriesDataLabels)(chartDataLabels, specIndex === undefined ? undefined : (_a = spec.series) === null || _a === void 0 ? void 0 : _a[specIndex]);
-                        return (0, overrides_1.buildSeriesLabelOption)(dataLabelOptions && !dataLabelOptions.numberFormatPattern
-                            ? tslib_1.__assign(tslib_1.__assign({}, dataLabelOptions), { numberFormatPattern: seriesNumberFormatFor(s) }) : dataLabelOptions, s === null || s === void 0 ? void 0 : s.type, locale);
+                        var withFormat = dataLabelOptions && !dataLabelOptions.numberFormatPattern
+                            ? tslib_1.__assign(tslib_1.__assign({}, dataLabelOptions), { numberFormatPattern: seriesNumberFormatFor(s) }) : dataLabelOptions;
+                        // Value From Cells: the label range's cells, point by point.
+                        var cellRange = withFormat === null || withFormat === void 0 ? void 0 : withFormat.valueFromCells;
+                        return (0, overrides_1.buildSeriesLabelOption)(cellRange
+                            ? tslib_1.__assign(tslib_1.__assign({}, withFormat), { cellLabels: (_b = getDomainValuesFromRange(cellRange, spec.hiddenDimensionStrategy)) !== null && _b !== void 0 ? _b : [] }) : withFormat, s === null || s === void 0 ? void 0 : s.type, locale);
                     };
                     isDoughnut = spec.chartType === "doughnut";
                     doughnutHoleSize = spec.doughnutHoleSize;
@@ -2779,20 +2814,21 @@ var BasicChart = function (_a) {
                         }
                     }
                     seriesWithLabels = chartSeries.map(function (s) {
-                        var _a, _b, _c, _d, _e, _f, _g, _h;
+                        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
                         var next = tslib_1.__assign({}, s);
-                        if (DECORATION_SERIES_IDS.has(s === null || s === void 0 ? void 0 : s.id)) {
+                        if (DECORATION_SERIES_IDS.has(s === null || s === void 0 ? void 0 : s.id) ||
+                            String((_a = s === null || s === void 0 ? void 0 : s.id) !== null && _a !== void 0 ? _a : "").startsWith(chart_lines_1.CHART_LINE_SERIES_PREFIX)) {
                             return next;
                         }
                         var seriesLabelOption = seriesLabelOptionFor(s);
                         if (seriesLabelOption) {
-                            next.label = tslib_1.__assign(tslib_1.__assign({}, ((_a = s === null || s === void 0 ? void 0 : s.label) !== null && _a !== void 0 ? _a : {})), seriesLabelOption);
+                            next.label = tslib_1.__assign(tslib_1.__assign({}, ((_b = s === null || s === void 0 ? void 0 : s.label) !== null && _b !== void 0 ? _b : {})), seriesLabelOption);
                         }
                         else if ((s === null || s === void 0 ? void 0 : s.type) === "pie") {
                             // echarts labels every pie slice by default (category name on a
                             // leader line); Excel draws nothing until data labels are on (#1062).
-                            next.label = tslib_1.__assign(tslib_1.__assign({}, ((_b = s === null || s === void 0 ? void 0 : s.label) !== null && _b !== void 0 ? _b : {})), { show: false });
-                            next.labelLine = tslib_1.__assign(tslib_1.__assign({}, ((_c = s === null || s === void 0 ? void 0 : s.labelLine) !== null && _c !== void 0 ? _c : {})), { show: false });
+                            next.label = tslib_1.__assign(tslib_1.__assign({}, ((_c = s === null || s === void 0 ? void 0 : s.label) !== null && _c !== void 0 ? _c : {})), { show: false });
+                            next.labelLine = tslib_1.__assign(tslib_1.__assign({}, ((_d = s === null || s === void 0 ? void 0 : s.labelLine) !== null && _d !== void 0 ? _d : {})), { show: false });
                         }
                         // Tooltip values of the value-axis series (a boxplot / candlestick
                         // tooltip lists its own statistics and keeps echarts' default).
@@ -2814,14 +2850,14 @@ var BasicChart = function (_a) {
                                 return item !== null && typeof item === "object" && "originalValue" in item;
                             });
                         if ((seriesTooltipValueFormatter || carriesOriginalValues) &&
-                            ((_d = s === null || s === void 0 ? void 0 : s.tooltip) === null || _d === void 0 ? void 0 : _d.show) !== false) {
+                            ((_e = s === null || s === void 0 ? void 0 : s.tooltip) === null || _e === void 0 ? void 0 : _e.show) !== false) {
                             var formatValue_1 = seriesTooltipValueFormatter !== null && seriesTooltipValueFormatter !== void 0 ? seriesTooltipValueFormatter : (function (value) { return (0, axis_number_format_1.formatAxisValue)(undefined, value, locale); });
-                            next.tooltip = tslib_1.__assign(tslib_1.__assign({}, ((_e = s === null || s === void 0 ? void 0 : s.tooltip) !== null && _e !== void 0 ? _e : {})), { valueFormatter: function (value, dataIndex) { var _a; return formatValue_1((_a = originalValueAt(dataIndex)) !== null && _a !== void 0 ? _a : value); } });
+                            next.tooltip = tslib_1.__assign(tslib_1.__assign({}, ((_f = s === null || s === void 0 ? void 0 : s.tooltip) !== null && _f !== void 0 ? _f : {})), { valueFormatter: function (value, dataIndex) { var _a; return formatValue_1((_a = originalValueAt(dataIndex)) !== null && _a !== void 0 ? _a : value); } });
                         }
                         if (next.type === "pie") {
                             var pieNumberFormat = seriesNumberFormatFor(s);
-                            if (pieNumberFormat && ((_f = s === null || s === void 0 ? void 0 : s.tooltip) === null || _f === void 0 ? void 0 : _f.show) !== false) {
-                                next.tooltip = tslib_1.__assign(tslib_1.__assign({}, ((_g = s === null || s === void 0 ? void 0 : s.tooltip) !== null && _g !== void 0 ? _g : {})), { formatter: (0, axis_number_format_1.circularTooltipFormatter)(pieNumberFormat, locale) });
+                            if (pieNumberFormat && ((_g = s === null || s === void 0 ? void 0 : s.tooltip) === null || _g === void 0 ? void 0 : _g.show) !== false) {
+                                next.tooltip = tslib_1.__assign(tslib_1.__assign({}, ((_h = s === null || s === void 0 ? void 0 : s.tooltip) !== null && _h !== void 0 ? _h : {})), { formatter: (0, axis_number_format_1.circularTooltipFormatter)(pieNumberFormat, locale) });
                             }
                             if (explosionOffset > 0 && Array.isArray(next.data)) {
                                 next.selectedMode = "multiple";
@@ -2838,14 +2874,75 @@ var BasicChart = function (_a) {
                             // ring edge is its fraction of 75%, not of the whole chart (#1064:
                             // Excel's default 0.75 used to meet the outer edge, an empty ring).
                             var rank = doughnutSeriesOrder.indexOf((0, series_click_1.chartSeriesSpecIndex)(s === null || s === void 0 ? void 0 : s.id));
-                            var ring = (_h = doughnutRingSet[rank]) !== null && _h !== void 0 ? _h : (0, doughnut_1.doughnutRings)((0, doughnut_1.clampDoughnutHole)(doughnutHoleSize), 1)[0];
+                            var ring = (_j = doughnutRingSet[rank]) !== null && _j !== void 0 ? _j : (0, doughnut_1.doughnutRings)((0, doughnut_1.clampDoughnutHole)(doughnutHoleSize), 1)[0];
                             var pct = function (fraction) { return "".concat(Math.round(fraction * 75 * 100) / 100, "%"); };
                             next.radius = [pct(ring.inner), pct(ring.outer)];
                         }
                         return next;
                     });
+                    bareCategoryAxis = chartDomains[0];
+                    if (!isCircularChart &&
+                        !categoryLevels &&
+                        !((_180 = spec.domains) === null || _180 === void 0 ? void 0 : _180.length) &&
+                        bareCategoryAxis &&
+                        bareCategoryAxis.data === undefined) {
+                        pointCount = seriesWithLabels.reduce(function (count, s) {
+                            return ((s === null || s === void 0 ? void 0 : s.type) === "bar" || (s === null || s === void 0 ? void 0 : s.type) === "line") && Array.isArray(s.data)
+                                ? Math.max(count, s.data.length)
+                                : count;
+                        }, 0);
+                        bareCategoryAxis.data = Array.from({ length: pointCount }, function (_, i) {
+                            return String(i + 1);
+                        });
+                    }
+                    dataTableOptions = spec.dataTable;
+                    dataTableRows = dataTableOptions && !isCircularChart && !isHorizontalBarChart && !isOfPie
+                        ? seriesWithLabels
+                            .filter(function (s) {
+                            return ((s === null || s === void 0 ? void 0 : s.type) === "line" || (s === null || s === void 0 ? void 0 : s.type) === "bar") &&
+                                (0, series_click_1.chartSeriesSpecIndex)(s === null || s === void 0 ? void 0 : s.id) !== undefined &&
+                                Array.isArray(s.data);
+                        })
+                            .map(function (s) {
+                            var _a, _b, _c, _d, _e;
+                            var specIndex = (0, series_click_1.chartSeriesSpecIndex)(s.id);
+                            var pattern = seriesNumberFormatFor(s);
+                            return {
+                                name: String((_a = s.name) !== null && _a !== void 0 ? _a : ""),
+                                color: typeof ((_b = s.itemStyle) === null || _b === void 0 ? void 0 : _b.color) === "string"
+                                    ? s.itemStyle.color
+                                    : (_e = (_d = (_c = spec.series) === null || _c === void 0 ? void 0 : _c[specIndex]) === null || _d === void 0 ? void 0 : _d.color) !== null && _e !== void 0 ? _e : paletteColorAt(specIndex),
+                                values: s.data.map(function (d) {
+                                    var _a;
+                                    var v = d !== null && typeof d === "object"
+                                        ? (_a = d.originalValue) !== null && _a !== void 0 ? _a : d.value
+                                        : d;
+                                    return v === null || v === undefined ? "" : (0, axis_number_format_1.formatAxisValue)(pattern, v, locale);
+                                }),
+                            };
+                        })
+                        : [];
+                    dataTableAxisList = dataTableRows.length
+                        ? (0, data_table_1.dataTableAxes)(dataTableRows, dataTableOptions !== null && dataTableOptions !== void 0 ? dataTableOptions : {}, {
+                            textColor: axisTextColor,
+                            fontSize: overrides_2.CHART_TEXT_PX,
+                            borderColor: isDarkMode ? "rgba(255,255,255,0.3)" : "#D9D9D9",
+                        })
+                        : [];
+                    autoScaleEligible = !isCircularChart &&
+                        !isOfPie &&
+                        AUTO_SCALE_CHART_TYPES.has(spec.chartType) &&
+                        !spec.sourceChartType &&
+                        spec.stackedType !== "PERCENT_STACKED";
+                    withExcelAutoScale = function (axis, opts, axisIndex) {
+                        if (!autoScaleEligible || (axis === null || axis === void 0 ? void 0 : axis.type) === "log" || (opts === null || opts === void 0 ? void 0 : opts.logarithmic)) {
+                            return axis;
+                        }
+                        var scale = (0, excel_axis_scale_1.excelAutoAxisScale)((0, excel_axis_scale_1.valueAxisExtentValues)(seriesWithLabels, axisIndex), { min: opts === null || opts === void 0 ? void 0 : opts.min, max: opts === null || opts === void 0 ? void 0 : opts.max, majorUnit: opts === null || opts === void 0 ? void 0 : opts.majorUnit });
+                        return scale ? tslib_1.__assign(tslib_1.__assign({}, axis), scale) : axis;
+                    };
                     // Update charts
-                    (_188 = chartRef.current) === null || _188 === void 0 ? void 0 : _188.setOption({
+                    (_181 = chartRef.current) === null || _181 === void 0 ? void 0 : _181.setOption({
                         xAxis: (function () {
                             var _a, _b;
                             if (isOfPie) {
@@ -2889,7 +2986,7 @@ var BasicChart = function (_a) {
                             }
                             if (isHorizontalBarChart) {
                                 return [
-                                    (0, overrides_1.applyAxisOverrides)(tslib_1.__assign(tslib_1.__assign({}, valueAxisBase), { name: (_a = spec.horizontalAxisTitle) !== null && _a !== void 0 ? _a : "" }), spec.valueAxisOptions, primaryAxisNumberFormat, locale),
+                                    withExcelAutoScale((0, overrides_1.applyAxisOverrides)(tslib_1.__assign(tslib_1.__assign({}, valueAxisBase), { name: (_a = spec.horizontalAxisTitle) !== null && _a !== void 0 ? _a : "" }), spec.valueAxisOptions, primaryAxisNumberFormat, locale, "x"), spec.valueAxisOptions, 0),
                                 ];
                             }
                             var base = chartDomains.length > 0
@@ -2900,7 +2997,7 @@ var BasicChart = function (_a) {
                                         show: showAxis,
                                         axisLine: { show: true },
                                         axisTick: { show: true },
-                                        splitLine: { show: true },
+                                        splitLine: { show: false },
                                         name: (_b = spec.horizontalAxisTitle) !== null && _b !== void 0 ? _b : "",
                                         nameLocation: "middle",
                                         nameGap: CATEGORY_AXIS_NAME_GAP,
@@ -2909,7 +3006,7 @@ var BasicChart = function (_a) {
                             var axes = base.map(function (axis) {
                                 return (0, overrides_1.applyAxisOverrides)(axis, spec.categoryAxisOptions);
                             });
-                            return boxplotOverlayAxis ? tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(axes), false), [boxplotOverlayAxis], false) : axes;
+                            return tslib_1.__spreadArray(tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(axes), false), tslib_1.__read((boxplotOverlayAxis ? [boxplotOverlayAxis] : [])), false), tslib_1.__read(dataTableAxisList), false);
                         })(),
                         yAxis: (function () {
                             var _a, _b;
@@ -2943,14 +3040,14 @@ var BasicChart = function (_a) {
                                             show: showAxis,
                                             axisLine: { show: true },
                                             axisTick: { show: true },
-                                            splitLine: { show: true },
+                                            splitLine: { show: false },
                                             name: (_a = spec.verticalAxisTitle) !== null && _a !== void 0 ? _a : "",
                                             nameLocation: "middle",
                                             nameGap: CATEGORY_AXIS_NAME_GAP,
                                         },
                                     ];
                                 return base.map(function (axis) {
-                                    return (0, overrides_1.applyAxisOverrides)(axis, spec.categoryAxisOptions);
+                                    return (0, overrides_1.applyAxisOverrides)(axis, spec.categoryAxisOptions, undefined, undefined, "y");
                                 });
                             }
                             var axes = [
@@ -2971,6 +3068,7 @@ var BasicChart = function (_a) {
                                         locale: locale,
                                     }) }), spec.valueAxisOptions, primaryAxisNumberFormat, locale),
                             ];
+                            axes[0] = withExcelAutoScale(axes[0], spec.valueAxisOptions, 0);
                             if (hasSecondaryAxis) {
                                 axes.push((0, overrides_1.applyAxisOverrides)(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, valueAxisBase), { name: "", splitLine: { show: false } }), (isPareto
                                     ? {
@@ -2979,6 +3077,9 @@ var BasicChart = function (_a) {
                                         axisLabel: { formatter: "{value}%" },
                                     }
                                     : {})), spec.secondaryValueAxisOptions, secondaryAxisNumberFormat, locale));
+                                if (!isPareto) {
+                                    axes[1] = withExcelAutoScale(axes[1], spec.secondaryValueAxisOptions, 1);
+                                }
                             }
                             return axes;
                         })(),
@@ -3029,10 +3130,8 @@ var BasicChart = function (_a) {
     var applyThemeOptions = function () {
         var _a, _b, _c, _d;
         if (chartRef.current) {
-            var textColor = (0, spreadsheet_1.getStringifiedColor)({
-                theme: 1,
-                tint: isDarkMode ? 1 : 0,
-            }, theme);
+            var textColor = chartTextColor(theme, isDarkMode);
+            var fontFamily = chartFontFamily(theme);
             var bgColor = (0, spreadsheet_1.getStringifiedColor)({ theme: 0, tint: isDarkMode ? -1 : 1 }, theme);
             var showAxis = (0, helpers_1.showXAxis)(chart.spec.chartType);
             // Authored chart-level text formats override the theme-derived
@@ -3048,18 +3147,24 @@ var BasicChart = function (_a) {
                     // Every key is written (echarts merges setOption calls, so a key
                     // left out keeps its previous value — turning bold off used to
                     // leave the title bold, rowsncolumns/spreadsheet#1105).
+                    left: "center",
                     textStyle: (0, overrides_2.themedTextStyle)(authoredTitleFmt, {
                         color: textColor,
-                        fontSize: 18,
-                        fontWeight: "bold",
+                        fontSize: overrides_2.CHART_TITLE_PX,
+                        fontFamily: fontFamily,
+                        fontWeight: "normal",
                     }),
                 },
                 legend: {
                     textStyle: (0, overrides_2.themedTextStyle)(authoredLegendFmt, {
                         color: textColor,
-                        fontSize: 12,
+                        fontSize: overrides_2.CHART_TEXT_PX,
+                        fontFamily: fontFamily,
                     }),
                 },
+                // Every other chart text (tick labels, axis titles, data labels)
+                // inherits the theme body font.
+                textStyle: { fontFamily: fontFamily },
                 axisLabel: {
                     color: (_c = authoredDataLabelFmt === null || authoredDataLabelFmt === void 0 ? void 0 : authoredDataLabelFmt.color) !== null && _c !== void 0 ? _c : textColor,
                 },
@@ -3114,8 +3219,8 @@ var BasicChart = function (_a) {
         chart.spec.palette,
         chart.spec.backgroundColor,
         chart.spec.titleTextFormat,
-        (_c = chart.spec.legend) === null || _c === void 0 ? void 0 : _c.textFormat,
-        (_d = chart.spec.dataLabels) === null || _d === void 0 ? void 0 : _d.textFormat,
+        (_e = chart.spec.legend) === null || _e === void 0 ? void 0 : _e.textFormat,
+        (_f = chart.spec.dataLabels) === null || _f === void 0 ? void 0 : _f.textFormat,
     ]);
     // Draw chart. `glUpgradeTick` re-runs the draw when the lazily loaded
     // echarts-gl module resolves, upgrading a 3-D spec's immediate 2-D