DevExpress ChartJS Negative Bars

Showing negative bars down of axis

by zur4ik

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"></script>
<script src="http://cdn3.devexpress.com/jslib/13.1.6/js/dx.chartjs.js"></script>
 <div id="chartContainer"></div>

JavaScript

var zoomingData =  [
        { date: '2013-09-01', dadebuli_tanxa: 146, gatanili: 132, biletebi: 1 },
        { date: '2013-09-02', dadebuli_tanxa: 246, gatanili: 232, biletebi: 2 },
        { date: '2013-09-03', dadebuli_tanxa: 346, gatanili: 332, biletebi: 3 },
        { date: '2013-09-04', dadebuli_tanxa: 446, gatanili: 232, biletebi: 4 },
        { date: '2013-09-05', dadebuli_tanxa: 146, gatanili: 132, biletebi: 1 },
        { date: '2013-09-06', dadebuli_tanxa: 246, gatanili: 232, biletebi: 2 },
        { date: '2013-09-07', dadebuli_tanxa: 346, gatanili: 332, biletebi: 3 },
        { date: '2013-09-08', dadebuli_tanxa: 446, gatanili: 232, biletebi: 4 },
        { date: '2013-09-09', dadebuli_tanxa: 146, gatanili: 132, biletebi: 1 },
        { date: '2013-09-10', dadebuli_tanxa: 246, gatanili: 232, biletebi: 2 },
        { date: '2013-09-11', dadebuli_tanxa: 346, gatanili: 332, biletebi: 3 },
        { date: '2013-09-12', dadebuli_tanxa: 446, gatanili: 232, biletebi: 4 },
        { date: '2013-09-13', dadebuli_tanxa: 146, gatanili: 132, biletebi: 1 },
        { date: '2013-09-14', dadebuli_tanxa: 246, gatanili: 232, biletebi: 2 },
        { date: '2013-09-15', dadebuli_tanxa: 346, gatanili: 332, biletebi: 3 },
        { date: '2013-09-16', dadebuli_tanxa: 446, gatanili: 232, biletebi: 4 }

    ]


var series = [{
        argumentField: "date",
        valueField: "dadebuli_tanxa"
    }, {
        argumentField: "date",
        valueField: "gatanili"
    }, {
        argumentField: "date",
        valueField: "biletebi"
    }];

var model = {};
model.chartOptions = {
    argumentAxis: {
       minValueMargin: 0,
       maxValueMargin: 0
    },
    dataSource: zoomingData,
    series: series,
    legend:{
        visible: false
    }
};

model.rangeOptions = {
    size: {
        height: 120
    },
    margin: {
        left: 10
    },
    dataSource: zoomingData,
    chart: {
        series: series
    },
    behavior: {
        callSelectedRangeChanged:...