How to set custom sort order for stacked barchart

[quillcraft]

Manual tells me that I can set custom sort order for stacked bars, but I have an error:

TypeError: f?.startsWith is not a function

How to fix it:

https://observablehq.com/@mizinov/qa-stacked-bars-with-sorting

[mbostock]

If you have an explicit order, you set the domain of the y-scale.

Plot.plot({
  color: {
    scheme: "Tableau10"
  },
  y: {
    domain: order
  },
  marks: [
    Plot.barX(
      data,
      Plot.stackX({
        x: "value",
        y: "city",
        fill: "group"
      })
    ),
    Plot.text(data, {
      x: "value",
      y: "city",
      text: (d) => d.value.toLocaleString("ru"),
      fill: "white"
    })
  ]
})

The sort option is for when you need to derive the domain from data. If you’ve already derived the domain yourself, you just set it directly.

If you wanted to derive the order inline, in this case you could use the data as the input channel to the sort option like so:

Plot.plot({
  color: {
    scheme: "Tableau10"
  },
  marks: [
    Plot.barX(
      data,
      Plot.stackX({
        x: "value",
        y: "city",
        fill: "group",
        sort: {
          y: {
            value: "data",
            reduce: (D) => D.find((d) => d.group === 2)?.value,
            reverse: true
          }
        }
      })
    ),
    Plot.text(data, {
      x: "value",
      y: "city",
      text: (d) => d.value.toLocaleString("ru"),
      fill: "white"
    })
  ]
})

[quillcraft]

Thank you! Its help me a lot.