OH3 Chart page config error

Setup, Configuration and Use Beginners
1

I am learning to use OH3 and have started to test the chart page functionality by creating a page with two grids. Using just one grid works fine but when having two grids these are not shown as separate items, they are superimposed on each other giving a pretty useless result.

I have searched the forums etc but not seen any similar issues so I guess I have missed something but cannot find what it might be so I am grateful for any assistance.

Here is the design page:

Capture
Capture915×1047 43.2 KB

And here is the result:

Capture1
Capture1798×1244 47.6 KB

The YAML code is here:

config:
  label: TestChart
  sidebar: true
slots:
  grid:
    - component: oh-chart-grid
      config: {}
    - component: oh-chart-grid
      config: {}
  xAxis:
    - component: oh-time-axis
      config:
        gridIndex: 0
    - component: oh-time-axis
      config:
        gridIndex: 1
  yAxis:
    - component: oh-value-axis
      config:
        gridIndex: 0
        name: Grader
        min: "15"
        max: "35"
        nameLocation: center
        nameGap: 20
        nameRotate: "90"
    - component: oh-value-axis
      config:
        gridIndex: 1
        name: Grader
        min: "-30"
        max: "30"
        nameLocation: center
        nameGap: 20
        nameRotate: "90"
  series:
    - component: oh-time-series
      config:
        name: Temperatur nedre hall
        gridIndex: 0
        xAxisIndex: 0
        yAxisIndex: 0
        type: line
        item: Temp1_node1
    - component: oh-time-series
      config:
        name: Frys
        gridIndex: 1
        xAxisIndex: 1
        yAxisIndex: 1
        type: line
        item: Temp_node2_freezer

I am using latest version of OpenHabian on a RPi 4.

2

I decided to file an error report because I cannot find any way to change the behavior. See #2156 OH3 Chart page config error

3

I build a chart with two lines:
Go to Items, Analysis
There is a chart for the item.
Open the menu at the bottom. Click on item and add everything you want.
When everything is like you want use save in the upper right corner.

Screenshot_20210125-175004
Screenshot_20210125-1750041080×2256 157 KB

4

Thank you for taking the time to respond.
Charts can be created both the way I have shown and the way you did but that is not the question.
The issue is that when creating a new charts page with charts in separate grids the result was that the charts are not shown as separate items, there is only one chart which is a mixture from both grids (have a look at the crazy y-axis in my picture)

5

I found out how to do it. By setting values like top/bottom/height for each grid they will nicely pop into place. Takes some experimenting to get it right though.

Should have realized how it worked but erroneously guessed there was some kind of auto placement also.