From 9cfd160f8e1b6caf4711bc034f9bed850eb4b12b Mon Sep 17 00:00:00 2001 From: srichman333 Date: Thu, 13 Jul 2023 12:00:32 -0400 Subject: pie chart readability --- src/client/views/nodes/DataVizBox/components/PieChart.tsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) (limited to 'src') diff --git a/src/client/views/nodes/DataVizBox/components/PieChart.tsx b/src/client/views/nodes/DataVizBox/components/PieChart.tsx index 8f7fadfa5..5b6bdc4cf 100644 --- a/src/client/views/nodes/DataVizBox/components/PieChart.tsx +++ b/src/client/views/nodes/DataVizBox/components/PieChart.tsx @@ -267,15 +267,18 @@ export class PieChart extends React.Component { arcs.append("path") .attr("fill", (data, i)=>{ let value=data.data; - return d3.schemeSet3[i]; + return d3.schemeSet3[i]? d3.schemeSet3[i]: d3.schemeSet3[i%12]; }) .attr("d", arc); arcs.append("text") - .attr("transform",function(d){ return "translate("+ (arc.centroid(d as unknown as d3.DefaultArcObject)) + ")"; }) + .attr("transform",function(d){ + var centroid = arc.centroid(d as unknown as d3.DefaultArcObject) + var heightOffset = (centroid[1]/radius) * Math.abs(centroid[1]) + return "translate("+ (centroid[0]+centroid[0]/(radius*.02)) + "," + (centroid[1]+heightOffset) + ")"; }) .attr("text-anchor", "middle") .text(function(d){ return dataSet[data.indexOf(d.value)][percentField] - + (!descriptionField? '' : (' ' + dataSet[data.indexOf(d.value)][descriptionField]))}) + + (!descriptionField? '' : (' - ' + dataSet[data.indexOf(d.value)][descriptionField]))}) }; -- cgit v1.2.3-70-g09d2