How to configure tooltip and legend shape as rectangles with rounded corners

tooltip: { mark: { content: [ { shapeType: 'rectRound', key: datum => datum['type'], value: datum => datum['value'] + '%' } ] } } 

legends: { visible: true, orient: 'right', item: { width: '15%', shape: { style: { symbolType: 'rectRound' } } } }, 

 const spec = { type: 'pie', data: [ { id: 'pie', values: [ { value: 10, category: 'One' }, { value: 9, category: 'Two' }, { value: 6, category: 'Three' }, { value: 5, category: 'Four' }, { value: 4, category: 'Five' }, { value: 3, category: 'Six' }, { value: 1, category: 'Seven' } ] } ], categoryField: 'category', valueField: 'value', legends: { visible: true, orient: 'right', item: { width: '15%', shape: { style: { symbolType: 'rectRound' } } } }, tooltip: { mark: { content: [ { shapeType: 'rectRound', key: datum => datum['type'], value: datum => datum['value'] + '%' } ] } } }; const vchart = new VChart(spec, { dom: CONTAINER_ID }); vchart.renderSync(); // Just for the convenience of console debugging, DO NOT COPY! window['vchart'] = vchart;