VChart icon indicating copy to clipboard operation
VChart copied to clipboard

[Feature] 饼图标签的连接线支持函数样式

Open xuefei1313 opened this issue 1 year ago • 0 comments

Version

1.11.5

Link to Minimal Reproduction

null

Steps to Reproduce

期望能实现连接线和文字颜色不一样

const spec = { type: 'pie', data: [ { id: 'id0', values: [ { type: 'oxygen', value: '46.60' }, { type: 'silicon', value: '27.72' }, { type: 'aluminum', value: '8.13' }, { type: 'iron', value: '5' }, { type: 'calcium', value: '3.63' }, { type: 'sodium', value: '2.83' }, { type: 'potassium', value: '2.59' }, { type: 'others', value: '3.5' } ] } ], outerRadius: 0.8, valueField: 'value', categoryField: 'type', title: { visible: true, text: 'Statistics of Surface Element Content' }, legends: { visible: true, orient: 'left' }, label: { visible: true, style: { fill: 'black' }, line: { style: { stroke: ()=>{ return 'red' } }, // style: ()=>{ // return { // stroke: 'red' // } // } } }, tooltip: { mark: { content: [ { 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;

Current Behavior

image

Expected Behavior

链接先可以单独应用一个颜色

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

xuefei1313 avatar Jul 04 '24 12:07 xuefei1313