MVVM ZK charts rounded borders

asked 2014-09-29 16:26:47 +0800

PeteMorgan
3 ● 2

Hello

I have a ZUL page with a ZK chart, example:

        <charts type="line" title=" "
                     model="@load(vm.averageSpend)"
                     width="300" height="150"/>

I have a view model with the data being set, example:

        averageSpend = new SimpleCategoryModel();
        averageSpend.setValue('£ K', 1, 6);
        averageSpend.setValue('£ K', 2, 6);
        averageSpend.setValue('£ K', 3, 17);
        averageSpend.setValue('£ K', 4, 15);
        averageSpend.setValue('£ K', 5, 9);
        averageSpend.setValue('£ K', 6, 16);

The problem I have is the chart is created nicely but it has rounded corners. My background is grey and I'm after a rectangular chart on grey background. Instead it appears there is rounding off of the corners.

I've tried to specify the radius like this:

         <charts type="line" borderRadius="0"
                                    title=" "
                                    model="@load(vm.averageSpend)"
                                    width="300" height="150"/>

but that doesn't work.

Any help would be gratefully received.

Kind regards and thanks in advance

Pete