From 3497c36002c268a930d9002d65a0b89aabfc75c3 Mon Sep 17 00:00:00 2001
From: corpglory-dev <dev@corpglory.com>
Date: Wed, 6 Mar 2019 17:12:27 +0300
Subject: [PATCH] Fix donut rendering

---
 packages/grafana-ui/src/components/Piechart/Piechart.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/grafana-ui/src/components/Piechart/Piechart.tsx b/packages/grafana-ui/src/components/Piechart/Piechart.tsx
index d2822475461..ff6dc0bcf33 100644
--- a/packages/grafana-ui/src/components/Piechart/Piechart.tsx
+++ b/packages/grafana-ui/src/components/Piechart/Piechart.tsx
@@ -53,7 +53,9 @@ export class Piechart extends PureComponent<Props> {
     const width = this.containerElement.offsetWidth;
     const height = this.containerElement.offsetHeight;
     const radius = Math.min(width, height) / 2;
-    const innerRadius = pieType === PiechartType.PIE ? 0 : radius;
+
+    const outerRadius = radius - (radius / 10);
+    const innerRadius = pieType === PiechartType.PIE ? 0 : radius - (radius / 3);
 
     d3.select('.piechart-container svg').remove();
     const svg = d3
@@ -67,7 +69,7 @@ export class Piechart extends PureComponent<Props> {
 
     const arc = d3
       .arc()
-      .outerRadius(radius - 10)
+      .outerRadius(outerRadius)
       .innerRadius(innerRadius)
       .padAngle(0);