Edit-mode not working in Watch-list chart

[cwangv]

Hi,
I want to enable 'Edit-mode' in the watch-list chart.
below is my code:

//your code here
<ma-watch-list-get ng-model="designer.watchList" parameters="designer.parameters" on-points-change="designer.points = $points" id="0d29cb86-b576-49a4-b0d8-8d8e2ff6c7bc" watch-list-xid="WL_95fdd54d-f0aa-40d8-9976-ab941879bdca"></ma-watch-list-get>
<div class="ma-designer-root" id="413e5580-d0b2-4c6f-ae85-12e68e95ab60" style="width: 1366px; height: 768px; position: relative; border-color: red green blue yellow; border-style: dashed;" points="designer.points">
    <ma-watch-list-chart id="fc836daf-41c1-4ce2-9475-75ca708bb9e0" watch-list="designer.watchList" points="designer.points" from="dateBar.from" to="dateBar.to" rollup-type="dateBar.rollupType" rollup-intervals="dateBar.rollupIntervals" rollup-interval-period="dateBar.rollupIntervalPeriod" simplify-tolerance="dateBar.simplifyTolerance" style="position: absolute; width: 1048px; height: 554px; left: 87px; top: 67px; border-style: dashed; border-color: red green blue yellow;" legend="true" balloon="true" export="true" edit-mode="true"></ma-watch-list-chart>
    <ma-watch-list-get id="95f3d09d-4691-4003-adfc-00f058a37bed" ng-model="maWatchListGetModel" style="position: absolute; left: 608px; top: 61px;"></ma-watch-list-get>
</div>

This is the documentation in the help:

here is what I get:

I can not see the chart control widget.

Am I doing anything wrong?

Thanks.