bars off the chart

Expected Behaviour

Actual Behaviour

Steps to Reproduce:

NOTE: Add a GIF/Screenshot if required.

Frappé Charts version:

const { Chart } = require("frappe-charts/dist/frappe-charts.min.cjs.js");

const data = {
  labels: ["18:00", "19:00", "20:00", "21:00"],
  datasets: [
    {
      chartType: "bar",
      name: "prod",
      values: [40, 50, 30, 60]
    },
    {
      chartType: "bar",
      name: "err",
      values: [10, 10, 10, 0]
    },
    {
      chartType: "bar",
      name: "stop",
      values: [10, 0, 20, 0]
    }
  ]
}

const el = document.querySelector("body > div");

new Chart(el, {  // or a DOM element,
  title: "status preview",
  data,
  type: "axis-mixed",
  colors: ["green", "red", "yellow"],
  barOptions: {
    stacked: true
  }
  // axisOptions: {
  //   xAxisMode: "tick",
  //   yAxisMode: "tick"
  // }
})

[alecpl]

For me looks like adding (global) "type": "bar" fixes the issue, but I must say that it worked without it for a while (with other datasets).

[alecpl]

Same here:

{
    "title":"Test",
    "data":{
        "labels":["2021-01","2021-02","2021-03","2021-04","2021-05","2021-06","2021-07","2021-08"],
        "datasets":[
            {"name":"Test","chartType":"bar","values":[206,281,217,207,210,198,257,200]}
        ]
    }
}