How to configure a chart legend as per the examples

Regarding the following chart example (which is very nice!), how do you configure a legend the same way using Sencha Architect 3.2 (with Ext 5.1)?

http://ift.tt/18GM1Ih

When I add a legend, its default config is like this:

Code:

legend: {
    xtype: 'legend',
    itemSelector: 'div',
    itemTpl: [
        'Data View Item {string}'
    ]
}

And I can find no setting for "docked", either. The configuration of the legend in the example is just this, yet somehow appears much nicer (with no extra code) than the SA-provided template?

Code:

legend: {
    docked: 'bottom'
}

Thanks.



How to configure a chart legend as per the examples