[Bug] Multiple x axes don't display as intended with series encoding and datasets

Version

5.4.1 and 5.4.0

Link to Minimal Reproduction

No response

Steps to Reproduce

Create a simple chart using a dataset and dimension definition, with two x-axes (for a category and sub-category).

echarts options to show this minimal reproduceable example:

{
  "dataset": {
    "dimensions": ["Category1","Category2","Val"],
    "source": [
      {
        "Category1": "a",
        "Category2": "x",
        "Val": 22
      },
      {
        "Category1": "a",
        "Category2": "y",
        "Val": 24
      },
      {
        "Category1": "a",
        "Category2": "z",
        "Val": 16
      },
            {
        "Category1": "b",
        "Category2": "x",
        "Val": 22
      },
      {
        "Category1": "b",
        "Category2": "y",
        "Val": 24
      },
      {
        "Category1": "b",
        "Category2": "z",
        "Val": 16
      }
    ]
  },
  "title": {
    "text": "Multiple x-Axis bug example"
  },
  "xAxis": [
    {
      "show": "true",
      "type": "category"
    },
    {
      "show": "true",
      "type": "category"
    }
    ],
  "yAxis": [
    {
      "type": "value",
      "name": "value",
      "min": 0,
      "max": 30
    }
  ],
  "series": [
    {
      "type": "line",
      "encode": {
        "x":[0,1],
        "y":2
      }
    }
  ]
}

Note: I can get the x-Axes stacked by using the data option of the x-Axis but the encoding still doesn’t work. I can also map the data directly to the series, but then I can’t use encoding to modify the tooltip.

Current Behavior

The values series is mapped to both x axes [0,1] but they are along-side each other, resulting in values being stacked to xAxis 0 only.

Expected Behavior

The xAxes should be stacked on top of each other, resulting in category and subcategory x-axis:

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

[JoeJordan1]

Thank you. I have a sort of work-around at the moment, specifying the data for two x-axis, one offset, and then have to specify the data on the series, which gets me what I need using the two axes but it doesn’t use datasets, so also can’t encode to the tooltip correctly that way.

I appreciate you taking the time to create the demo showing how I can format the two columns being merged so that it displays correctly on the single x-axis. That is very useful, and I can see how that would also be useful for formatting the tooltip this way.

[helgasoft]

Dual X-axis is usually for discrete series and I do not see how it will work in your case. Your data is indeed one serie with repeating categories(SP) for each date. The only idea I can offer is to play with xAxis labels: Demo Code