Forums

Hello,

there seems to be a problem with the column chart if some series has negative values then the base line is moved to negative values.

I would expect that if there is one series with negative values then this column has to go down from the zero line and the other columns start from zero line and go up.

Currently the behavior is that the "zero" line is moved to the biggest negative value and all columns start from this level:
For example I have used the code from the examples page:

(function() {
YUI().use('charts', function (Y)
{
var myDataValues = [
{category:"5/1/2010", values:2000, expenses:3700, revenue:2200},
{category:"5/2/2010", values:50, expenses:9100, revenue:-100},
{category:"5/3/2010", values:400, expenses:1100, revenue:-500},
{category:"5/4/2010", values:200, expenses:1900, revenue:-1500},
{category:"5/5/2010", values:5000, expenses:5000, revenue:2650}
];

var mychart = new Y.Chart({dataProvider:myDataValues, render:"#mychart", type:"column"});
});
})();

then all columns render from -1500.
Is this expected behavior or a bug

I have opened a ticket here and will get a fix in for the next pr release.
http://yuilibrary.com/projects/yui3/ticket/2532327


Below is patch (minimally tested) that you can use until the next pr.

chartsbug2532327Patch.js

Click here to see the revision history on this Gist.

Just embed this code before your charts instantiation. Post back if you run into any issues with the patch.

Thanks,
Tripp

Currently, there is no notion of a "zero gridline". Feel free to file a ticket. In the interim, you can access the chart's graphic reference and explicitly draw a line. Below is a link to a gist that draws a line at 85%. You should be able to adjust the algorithm to draw a line on the zero value.

https://gist.github.com/2003595

Please post back if you have any issues, I'll be happy to help sort it with you.

Thanks,
Tripp