Double axis plot

[Afganitia]

Hello,

I am doing a dashboard. But the problem is that I am stuck at trying do to a double axis plot:

Plot.plot({
  width,
  height: containerHeight, 
  y: {
    grid: true,
    label: getVariableTitle(selected_sensor), 
    domain: d3.extent(
      tidyData2.filter((d) => d.type === targetLabelDevice + " " + selected_sensor),
      (d) => d.value
    ), 
  },
  y2: {
    label: getVariableTitle(selected_sensor2), 
    domain: d3.extent(
      tidyData2.filter((d) => d.type === targetLabelDevice2 + " " + selected_sensor2),
      (d) => d.value
    ), 
    anchor: "right", 
  },
  marks: [
    // Primary axis for the first series
    Plot.axisY({
      anchor: "left", 
      label: getVariableTitle(selected_sensor), 
      ticks: 5, 
    }),
    // Dot plot for the first series
    Plot.dot(
      tidyData2.filter((d) => d.type === targetLabelDevice + " " + selected_sensor),
      {
        x: "timestamp",
        y: "value", 
        stroke: "Blue",
        title: "value", 
        channels: {
          timestamp: "timestamp",
          val: "value",
          sensor: "type",
        },
        tip: {
          format: {
            timestamp: true,
            val: true,
            sensor: true,
          },
        },
      }
    ),
    // Secondary axis for the second series
    Plot.axisY(
      d3.scaleLinear(
        d3.extent(
          tidyData2.filter((d) => d.type === targetLabelDevice2 + " " + selected_sensor2),
          (d) => d.value
        ),
        [containerHeight, 0] 
      ),
      {
        anchor: "right", 
        label: getVariableTitle(selected_sensor2), 
        ticks: 5, 
        tickFormat: (d) => d3.format(".2f")(d), 
      }
    ),
    // Dot plot for the second series (mapped to y2)
    Plot.dot(
      tidyData2.filter((d) => d.type === targetLabelDevice2 + " " + selected_sensor2),
      {
        x: "timestamp",
        y2: "value", 
        stroke: "Orange", 
        title: "value", 
        channels: {
          timestamp: "timestamp",
          val: "value",
          sensor: "type",
        },
        tip: {
          format: {
            timestamp: true,
            val: true,
            sensor: true,
          },
        },
      }
    ), ...

This looks like it works until it doesn't. When I change for the first time the second axis filter, the axis tags just disappear. This doesn't happen to the first axis. Any indication where I am making a mistake? Why are the second axis tags not working as expected?

[mbostock]

Plot doesn’t support dual-scale charts (there’s no y2 scale, only a single y scale) but you can upvote #147 and see the thread for workarounds.

[Afganitia]

Damn, and I told the client that this shouldn't be a problem, xd. I am so cooked. Well, thanks anyway. I don't seem to understand the workaround, so it seems I should scrap the idea completely. 60 hours wasted on brush, zoom charts and dynamic selection wasted...