Render ExtJs Line Chart Square Markers

I'm trying to display ExtJS Line markers as square, but the shape is always equal to a circle. Below is my code:

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

                    });
                }

      

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

Please, help! Thanks in advance.

+3


source to share


1 answer


you can use markerConfig

to customize marker attributes.

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

      



Here is a violin demonstrating

+3


source







All Articles