我想通过允许用户双击切片来向下钻取来使我的饼图交互.我相信这样做的方法是在画布上创建一个onclick处理程序,并用于getSegmentsAtEvent()确定单击了哪个切片.
调用返回的段数据getSegmentsAtEvent()可能不明确.以下是返回数据的示例:
[{
"circumference": 4.1887902047863905,
"endAngle": 8.901179185171081,
"fillColor": "#FF5A5E",
"highlightColor": "#FF5A5E",
"innerRadius": 0,
"label": "Red",
"outerRadius": 99.5,
"showStroke": true,
"startAngle": 4.71238898038469,
"strokeColor": "#fff",
"strokeWidth": 2,
"value": 300
}]
Run Code Online (Sandbox Code Playgroud)
这些领域中,只有value,fillColor,highlightColor,和label由我提供的,其中没有必然是独一无二的.我可以确保它label是独一无二的,但这可能会使人们的可读性降低.
我已经尝试在我传入的数据中添加一个额外的属性(例如"id")Pie(),但是当我从这个调用中获取段数据时它被剥离了.有没有办法为每个段添加一个属性,我可以使用它来确定它们,而不会使label字段超载?