jqxChart with relative values

Question

I was playing around with the waterfall series of the jqxChart.

According to its API, the following piece of code defines the values of the axis, in this case it's the y-axis:

valueAxis:
{
    title: {text: 'Population<br>'},
    unitInterval: 1000000,
    labels:
    {
        formatFunction: function (value) {
            return value / 1000000 + ' M';
        }
    }
}

Is it possible to define the intervals not with absolute values, but with relative values. So that the interval are e.g. 10% and the overall value is 100%?

Simply doing unitInterval: '10%' doesn't work.

This is how it should look like:

Here is a fiddle.

Answer 1

I think you're looking for these options :

logarithmicScale: true,
logarithmicScaleBase: 1.10,

Example:

valueAxis:
            {
                title: {text: 'Population<br>'},
                logarithmicScale: true,
                logarithmicScaleBase: 1.10,
                labels:
                {
                    formatFunction: function (value) {
                        return value / 1000000 + ' M';
                    }
                }
            },

Edit:

var accuracy = 2;
var first = data[0].population;
var last = data[data.length - 2].population;
var unit = (100 / last);

// convert raw data to differences
for (var i = 0; i < data.length - 2; i++)
    data[i].population = (data[i].population * unit).toFixed(accuracy);