Inverted Y-Axis Does Not Handle Positive Values Correctly

Description

When you enable inverted on an axis, positive values mess up the chart rendering bars from the bottom of the graph instead of from “zero”.

Inverted:

Not Inverted:

Obviously we basically expect the “not inverted” chart, but mirrored on the x-axis, instead we’re getting… whatever is happening on the inverted image (it’s drawing “up” from the “max” (now “min”) y-value to the value of the series)

Steps to check or reproduce

Given this example: https://naver.github.io/billboard.js/demo/#Chart.BarChart

Using the following javascript:

// for ESM environment, need to import modules as:
// import bb, {bar} from "billboard.js"

var chart = bb.generate({
  axis: { y: { inverted: true } },
  data: {
    columns: [
	["data1", 30, 200, 100, 400, 150, 250],
	["data2", 130, 100, 140, 200, 150, 50]
    ],
    type: "bar", // for ESM specify as: bar()
  },
  bar: {
    width: {
      ratio: 0.5
    }
  },
  bindto: "#barChart"
});

setTimeout(function() {
	chart.load({
		columns: [
			["data3", 130, -150, 200, 300, -200, 100]
		]
	});
}, 1000);

[StrangeWill]

Even more awesome! I appreciate it a lot.

[netil]

@StrangeWill, I’ll be trying patch soon and releasing it. Probably within this week.