如何正确配置Ext.chart.CartesianChart,以便不从上面修剪图形?

时间:2017-03-27 09:57:49

标签: extjs

如何使图表上方的数字不会从上方切断?
沙箱https://fiddle.sencha.com/#view/editor&fiddle/1sqj
它表明8月和12月是从上面切断的。

3 个答案:

答案 0 :(得分:1)

有趣的问题,不知道如何解决它。我只写了一个"解决方法"显示左侧数字轴并设置最大值,使其大于图表中的最大值。

axes: [{
    type: 'category',
    position: 'bottom'
},{
    type: 'numeric',
    position: 'left',
    fields: 'pay'
    // maximum: 12000 // set dynamically
}],

...

listeners: {
    beforerender: function (me){
        // I guess it could be much fencier than this
        var store = me.getStore();
        var l = store.getData().items.length;
        var max = 0;
        for(var i = 0; i < l ; i++){
            if(store.getAt(i).get('pay') > max){
                max = store.getAt(i).get('pay');
            }
        }
        max = Math.ceil((max+max*0.1)/1000)*1000;
        me.getAxes()[1].setMaximum(max)
    }
},

https://fiddle.sencha.com/#view/editor&fiddle/1sqs

enter image description here

答案 1 :(得分:1)

尝试使用innerPadding,这里是fiddle

答案 2 :(得分:0)

我认为你正在寻找这个

label: {
        field: 'pay',
        display: 'inside',
        orientation: 'horizontal',
        renderer: 'onSeriesLabelRender'
    }  

I updated your fiddle here
你可以显示标签:'inside',你也可以制作标签的方向:'垂直'