extjs - ExtJs のレンダリング 折れ線グラフ 正方形のマーカー

Question

ExtJS 折れ線グラフ マーカーを正方形としてレンダリングしようとしていますが、形状は常に円です。以下は私のコードです：

  renderer: function (sprite, record, attr, index, {
                    return Ext.apply(attr, {
                        type: 'square',
                         size: 4,
                        fill: '#FFF'

                    });
                }

ここにサンプル実装があります: https://fiddle.sencha.com/#fiddle/nq4

助けてください！前もって感謝します。