extjs - 如果商店有正负值混合数据，如何反转条形图？

Question

我必须显示一个条形图，其中包含商店中的混合数据，负值和正值显示在 y 轴上。我想显示如下图所示的图表：https ://assets.highcharts.com/images/demo-thumbnails/highcharts/column-negative-default.png

var store = Ext.create('Ext.data.Store', {
            fields: ['name','someField'],
            data: [{
                "name": "A",
                "someField": -21414
            }, {
                "name": "B",
                "someField": 22034
            }, {
                "name": "C",
                "someField": -16270
            }, {
                "name": "D",
                "someField": 20838
            }, {
                "name": "X",
                "someField": 2720
            }]
})

Ext.create('Ext.panel.Panel', {

            items: [{
                xtype: 'cartesian',
                width: '100%',
                height: 500,
                store: store,
                insetPadding: 40,
                innerPadding: {
                    left: 40,
                    right: 40
                },
                axes: [{
                    type: 'numeric',
                    fields: 'someField',
                    position: 'left'
                }, {
                    type: 'string',
                    fields: 'name',
                    position: 'bottom',
                }],
                series: [{
                    type: 'bar',
                    xField: 'name',
                    yField: 'someField',

                }]
            }]
        });

原点应该在 0。我尝试使用 postion:'radial' 代替 'bottom'，但是，使用它会删除 x 轴并且标签也看不到。如何反转 y 轴值，以便它们可以翻转到 x 轴以下（倒置）？

标签： extjs