aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/DataVizBox/components/PieChart.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/nodes/DataVizBox/components/PieChart.tsx')
-rw-r--r--src/client/views/nodes/DataVizBox/components/PieChart.tsx15
1 files changed, 4 insertions, 11 deletions
diff --git a/src/client/views/nodes/DataVizBox/components/PieChart.tsx b/src/client/views/nodes/DataVizBox/components/PieChart.tsx
index d3d16aa4c..d01d4429f 100644
--- a/src/client/views/nodes/DataVizBox/components/PieChart.tsx
+++ b/src/client/views/nodes/DataVizBox/components/PieChart.tsx
@@ -43,7 +43,7 @@ export class PieChart extends React.Component<PieChartProps> {
private byCategory: boolean = true; // whether the data is organized by category or by specified number percentages/ratios
@observable _currSelected: any | undefined = undefined;
private curSliceSelected: any = undefined;
- private selectedTry: any = undefined;
+ private selectedData: any = undefined;
// TODO: nda - some sort of mapping that keeps track of the annotated points so we can easily remove when annotations list updates
@computed get _piechartData() {
@@ -329,23 +329,16 @@ export class PieChart extends React.Component<PieChartProps> {
:
this._currSelected===showSelected;
this._currSelected = sameAsCurrent? undefined: showSelected;
- this.selectedTry = sameAsCurrent? undefined: d;
+ this.selectedData = sameAsCurrent? undefined: d;
return true;
}
return false;
});
- const elements = document.querySelectorAll('.slice');
- for (let i = 0; i < elements.length; i++) {
- elements[i].classList.remove('hover');
- }
if (sameAsCurrent!) this.curSliceSelected = undefined;
- else {
- selected.attr('class', 'slice hover')
- this.curSliceSelected = selected;
- }
+ else this.curSliceSelected = selected;
});
- var selected = this.selectedTry;
+ var selected = this.selectedData;
var arcs = g.selectAll("arc")
.data(pie(data))
.enter()