Render ExtJs Line chart Square markers

Question

I am trying to render ExtJS Line chart markers as square but the shape is always circle. Below is my code :

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

                    });
                }

I have sample implementation here : https://fiddle.sencha.com/#fiddle/nq4

Please help! Thanks in advance.

Answer 1

you can use markerConfig to adjust the marker attributes.

markerConfig: {
   type: 'square',
   height:10,
   width:10,
   'fill': '#fff'
}

Here is a fiddle demonstrating