The "Name" field value is not displayed for the X and Y axes. v26.3.0

[X-Crux]

Issue Summary

Chrome/Ubuntu 24.04.4 LTS

Docker images: Redash v25.1.0 & Redash v26.3.0

Steps to Reproduce

Below are the steps I took on two versions of Redash: v25.1.0 and v26.3.0.

1. Create New Query. I'm using the script that was already used here for testing Charts:

select '2025-01-01' as t, 'apple' as grp1, 'tokyo' as grp2, 10 as value
union all
select '2025-01-01' as t, 'orange' as grp1, 'tokyo' as grp2, 20 as value
union all
select '2025-01-01' as t, 'apple' as grp1, 'osaka' as grp2, 30 as value
union all
select '2025-01-01' as t, 'orange' as grp1, 'osaka' as grp2, 40 as value
union all
select '2025-01-02' as t, 'apple' as grp1, 'tokyo' as grp2, 210 as value
union all
select '2025-01-02' as t, 'orange' as grp1, 'tokyo' as grp2, 220 as value
union all
select '2025-01-02' as t, 'apple' as grp1, 'osaka' as grp2, 230 as value
union all
select '2025-01-02' as t, 'orange' as grp1, 'osaka' as grp2, 240 as value
union all
select '2025-01-03' as t, 'apple' as grp1, 'tokyo' as grp2, 110 as value
union all
select '2025-01-03' as t, 'orange' as grp1, 'tokyo' as grp2, 120 as value
union all
select '2025-01-03' as t, 'apple' as grp1, 'osaka' as grp2, 130 as value
union all
select '2025-01-03' as t, 'orange' as grp1, 'osaka' as grp2, 140 as value

2. Add Visualization -> Chart -> Line/Bar/Area...

3. Settings:

• X Column = "t"
• Y Columns = "value"
• Group by = "grp1
• X Axis(tab):
  • Name = "random string"
• Y Axis(tab):
  • Left Y Axis -> Name = "random string"

Result for v25.1.0 (expected):

Result for v26.3.0 (unexpected):

The "Name" field value for the X and Y axes is not displayed in version v26.3.0.

Technical details:

• Redash Version: 26.3.0
• Browser/OS: Chrome/Ubuntu 24.04.4 LTS
• How did you install Redash: docker

[X-Crux]

I have identified the root cause. The issue is related to a breaking change that occurred when updating Plotly.js from version 2 to version 3. Version 3 no longer supports passing axis titles as plain strings. Now the title must be defined as an object with a text field.
Structure used in Redash 25.1.0 (Plotly.js v2):

"xaxis": {
  "title": "random string",
}

Structure required in Redash 26.3.0 (Plotly.js v3):

"xaxis": {
  "title": {
    "text": "random string",
  }
}

We need to fix the following file:
viz-lib/src/visualizations/chart/plotly/prepareLayout.ts

Replace lines 4 to 54 with:

function getAxisTitleText(axis: any): string | null {
  if (!axis || !axis.title) return null;
  return isObject(axis.title) ? axis.title.text : axis.title;
}

function getAxisScaleType(axis: any) {
  switch (axis.type) {
    case "datetime":
      return "date";
    case "logarithmic":
      return "log";
    default:
      return axis.type;
  }
}

function prepareXAxis(axisOptions: any, additionalOptions: any) {
  const titleText = getAxisTitleText(axisOptions);
  const axis: any = {
    title: titleText ? { text: titleText } : undefined,
    type: getAxisScaleType(axisOptions),
    automargin: true,
    tickformat: axisOptions.tickFormat ?? null,
  };

  if (additionalOptions.sortX && axis.type === "category") {
    if (additionalOptions.reverseX) {
      axis.categoryorder = "category descending";
    } else {
      axis.categoryorder = "category ascending";
    }
  }

  if (!isUndefined(axisOptions.labels)) {
    axis.showticklabels = axisOptions.labels.enabled;
  }

  return axis;
}

function prepareYAxis(axisOptions: any) {
  const titleText = getAxisTitleText(axisOptions);
  return {
    title: titleText ? { text: titleText } : undefined,
    type: getAxisScaleType(axisOptions),
    automargin: true,
    autorange: true,
    range: null,
    tickformat: axisOptions.tickFormat ?? null,
  };
}

Keep the rest of the file unchanged.