OH3: Align two y axis

Dear all,

I have a chart in OH 3 with two y axis. One has values from 0 to 3, the other one from 0 to 15. I would like to have the two zeros matched and 3 and 15 matched (already done via min and max for both y axis) both also would like to modify and align the visual horizontal lines within the grid. Any hint how to do so?

config:
  chartType: day
  label: Gas Tagesverbrauch
  period: D
  sidebar: false
slots:
  calendar: []
  dataZoom: []
  grid:
    - component: oh-chart-grid
      config:
        containLabel: true
        show: true
  legend: []
  series:
    - component: oh-aggregate-series
      config:
        aggregationFunction: sum
        dimension1: hour
        gridIndex: 0
        item: Gaszaehler_Verbrauch
        markPoint:
          data:
            - name: min
              type: min
            - name: max
              type: max
          label:
            backgroundColor: auto
        name: Gasverbrauch
        service: influxdb
        type: bar
        xAxisIndex: 0
        yAxisIndex: 0
    - component: oh-aggregate-series
      config:
        aggregationFunction: max
        dimension1: hour
        gridIndex: 0
        item: gThermostateVentilAnzahlGesamt
        name: Heizventile (max)
        type: line
        xAxisIndex: 0
        yAxisIndex: 1
  title: []
  toolbox:
    - component: oh-chart-toolbox
      config:
        presetFeatures:
          - saveAsImage
          - restore
          - dataView
          - dataZoom
          - magicType
        show: true
  tooltip:
    - component: oh-chart-tooltip
      config:
        confine: true
        show: true
  visualMap:
    - component: oh-chart-visualmap
      config:
        calculable: true
        max: "3"
        min: "0"
        orient: horizontal
        presetPalette: greenred
        show: true
        type: continuous
  xAxis:
    - component: oh-category-axis
      config:
        categoryType: day
        gridIndex: 0
        monthFormat: short
        weekdayFormat: short
  yAxis:
    - component: oh-value-axis
      config:
        gridIndex: 0
        max: "3"
        min: "0"
        name: m3
    - component: oh-value-axis
      config:
        gridIndex: 0
        max: "15"
        min: "0"
        name: Anzahl

Thanks and best

I was lucky to find the right documentation in echart: Documentation - Apache ECharts

New yaml if somebody needs it:

config:
  chartType: day
  label: Gas Tagesverbrauch
  period: D
  sidebar: false
slots:
  calendar: []
  dataZoom: []
  grid:
    - component: oh-chart-grid
      config:
        containLabel: true
        show: true
  legend: []
  series:
    - component: oh-aggregate-series
      config:
        aggregationFunction: sum
        dimension1: hour
        gridIndex: 0
        item: Gaszaehler_Verbrauch
        markPoint:
          data:
            - name: min
              type: min
            - name: max
              type: max
          label:
            backgroundColor: auto
        name: Gasverbrauch
        service: influxdb
        type: bar
        xAxisIndex: 0
        yAxisIndex: 0
    - component: oh-aggregate-series
      config:
        aggregationFunction: max
        dimension1: hour
        gridIndex: 0
        item: gThermostateVentilAnzahlGesamt
        name: Heizventile (max)
        type: line
        xAxisIndex: 0
        yAxisIndex: 1
  title: []
  toolbox:
    - component: oh-chart-toolbox
      config:
        presetFeatures:
          - saveAsImage
          - restore
          - dataView
          - dataZoom
          - magicType
        show: true
  tooltip:
    - component: oh-chart-tooltip
      config:
        confine: true
        show: true
  visualMap:
    - component: oh-chart-visualmap
      config:
        calculable: true
        max: "3"
        min: "0"
        orient: horizontal
        presetPalette: greenred
        show: true
        type: continuous
  xAxis:
    - component: oh-category-axis
      config:
        categoryType: day
        gridIndex: 0
        monthFormat: short
        weekdayFormat: short
  yAxis:
    - component: oh-value-axis
      config:
        gridIndex: 0
        max: "3"
        min: "0"
        name: m3
    - component: oh-value-axis
      config:
        gridIndex: 0
        max: "15"
        min: "0"
        name: Anzahl
        interval : 5

1 Like

This topic was automatically closed 41 days after the last reply. New replies are no longer allowed.