Вертикальная полоса гистограммы EXTJS не находится в правильном (центральном) положении.Как это сделать? - PullRequest
Новая
       35

Вертикальная полоса гистограммы EXTJS не находится в правильном (центральном) положении.Как это сделать?

0 голосов
/ 22 мая 2019

enter image description here Я пытаюсь изменить ширину бара на линейчатой ​​диаграмме extjs. При изменении ширины полосы она перемещается в левую сторону. Не в правильном (центральном) положении

скриптовая ссылка: https://fiddle.sencha.com/#view/editor&fiddle/2sfi

Я пытался установить центр выравнивания. но это не работает 

Ext.application({
name : 'Fiddle',

    launch : function() {
        var chart = Ext.create('Ext.chart.CartesianChart', {
            legend       : {
                docked : 'right'
            },
            insetPadding : 40,
            flipXY       : false,
            store        : {
                fields : ['month', 'data1', 'data2', 'data3', 'data4' ],
                data   : [
                    { month : 1, data1 : 20, data2 : 37, data3 : 35, data4 : 4 },
                    { month : 2, data1 : 20, data2 : 37, data3 : 36, data4 : 5 },
                    { month : 3, data1 : 19, data2 : 36, data3 : 37, data4 : 4 },
                    { month : 4, data1 : 18, data2 : 36, data3 : 38, data4 : 5 },
                    { month : 5, data1 : 18, data2 : 35, data3 : 39, data4 : 4 },
                    { month : 6, data1 : 17, data2 : 34, data3 : 42, data4 : 4 },
                    { month : 7, data1 : 16, data2 : 34, data3 : 43, data4 : 4 },
                    { month : 8, data1 : 16, data2 : 33, data3 : 44, data4 : 4 },
                    { month : 9, data1 : 16, data2 : 32, data3 : 44, data4 : 4 },
                    { month : 10, data1 : 16, data2 : 32, data3 : 45, data4 : 4 },
                    { month : 11, data1 : 15, data2 : 31, data3 : 46, data4 : 4 },
                    { month : 12, data1 : 15, data2 : 31, data3 : 47, data4 : 4 }
                ]
            },
            axes         : [
                {
                    type              : 'numeric',
                    position          : 'left',
                    adjustByMajorUnit : true,
                    fields            : 'data1',
                    grid              : true,

                    minimum           : 0
                },
                {
                    type     : 'category',
                    position : 'bottom',
                    fields   : 'month',
                    grid     : true
                }
            ],
            series       : [
                {
                    type    : 'bar',
                    title   : [ 'IE'],
                    xField  : 'month',
                    yField  : [ 'data1'],
                    renderer: function(sprite, record, attr, index, store) {
                    return Ext.apply(attr, {
                        width: 1,
                    });
                    },
                    stacked : false
                }
            ]
        });


        Ext.create('Ext.Window', {
            width       : 500,
            height      : 400,
            title       : 'Grouped Bar Chart',
            autoShow    : true,
            layout      : 'fit',
            items       : chart
        });[![enter image description here][1]][1]
    }
});

планка должна быть в положении 1 (горизонтальная) не раньше Если я удалил код Belllow из рендерера, ширина полосы увеличивается и выравнивается правильно.

return Ext.apply (attr, { ширина: 1, });

1 Ответ

1 голос
/ 28 мая 2019

После настройки maxBarWidth полосы выравниваются в правильном положении.

стиль: {непрозрачность: 1, ход: 10, maxBarWidth: 1}

...