1

パネル内にチャートを描画しようとしています。チャートバーは正しく描画されていますが、チャートの描画時にx軸とy軸のラベルは表示されません。チャートを描くためのコードは次のとおりです。

Ext.require([
    'Ext.form.*',
    'Ext.chart.*',
    'Ext.layout.container.*'
]);

Ext.define('ilp.view.EmployeeCountControl', {
    extend : 'Ext.panel.Panel',
    alias : 'widget.employeeCountControl',

    require : [
        'ilp.store.Employees',
        'ilp.store.Dimensions'
    ],

    layout : {
        type : 'vbox',
        align : 'stretch',
        pack : 'start'
    },

    title : 'Select dimension to view chart',

    initComponent : function() {
        this.items = [
            {
                xtype : 'combobox',
                fieldLabel : 'Select Dimension',
                store : 'Dimensions',
                queryMode : 'local',
                displayField : 'name',
                valueField : 'dimension',
                flex : 1
            },
            {
                xtype : 'chart',
                title : 'selected dimension',
                store : 'Employees',
                flex : 2,
                width: 150,
                height: 200,
                legend : {
                    position : 'right'
                },
                axes : [
                    {
                        title : 'Emp Count',
                        type : 'Numeric',
                        position : 'left',
                        fields : ['hpCount', 'nonhpCount'],
                        minimum : 0,
                        grid : true
                    },
                    {
                        title : 'selected dimension',
                        type : 'Category',
                        position : 'bottom',
                        fields : ['dimension']
                    }
                ],
                series : [
                    {
                        type : 'bar',
                        column :true,
                        stacked : true,
                        highlight: true,
                        axis : 'left',
                        xField : ['dimension'],
                        yField : ['hpCount', 'nonhpCount'],
                        yPadding : 10
                    }
                ]
            }
        ];
        this.callParent(arguments);
    }
});

描画されるのは次のとおりです。

ここに画像の説明を入力してください

ご覧のとおり、タイトルと軸の値はグラフに表示されていません。

なぜこれが起こっているのか誰か教えてもらえますか？

前もって感謝します ！！

編集1

下に移動legendした後、x軸の値を取得しましたが、これらの値は凡例の後ろに隠れており、これらの値はパネルから外れています。軸の値に正しく合うように実際のチャートとバーのサイズを小さくする方法を知っている人はいますか？私のチャートは次のようになります：

ここに画像の説明を入力してください

4

1 に答える 1

3

幅やパディングをレイアウトやパネルに設定して、変更を確認します。チャート自体ではなく、チャートの親コンテナに関するものだと思います。

于 2012-04-21T16:28:22.477 に答える