From 28616bf8104ec261ae8c7ee76a9240ef84bc9688 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=B6khan=20=C3=96zen?= <Goekhan.Oezen@hksinformatik.de>
Date: Fri, 28 Aug 2015 09:36:31 +0200
Subject: [PATCH] add background for every single arc

---
 src/arc.js        | 19 +++++++++++++------
 src/scss/arc.scss |  2 +-
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/arc.js b/src/arc.js
index 6091f60..8fe7af1 100644
--- a/src/arc.js
+++ b/src/arc.js
@@ -397,12 +397,16 @@ c3_chart_internal_fn.redrawArc = function (duration, durationForExit, withTransf
         .style("opacity", $$.hasType('donut') || $$.hasType('gauge') ? 1 : 0);
 
     if ($$.hasType('gauge')) {
-        $$.arcs.select('.' + CLASS.chartArcsBackground)
-            .attr("d", function () {
+        var index = 0;
+        $$.arcs.selectAll('.' + CLASS.chartArcsBackground)
+            .attr("d", function (d1) {
+                if ($$.hiddenTargetIds.indexOf(d1.id) >= 0) { return "M 0 0"; }
+
                 var d = {
                     data: [{value: config.gauge_max}],
                     startAngle: -1 * (Math.PI / 2),
-                    endAngle: Math.PI / 2
+                    endAngle: Math.PI / 2,
+                    index: index++
                 };
                 return $$.getArc(d, true, true);
             });
@@ -420,10 +424,13 @@ c3_chart_internal_fn.redrawArc = function (duration, durationForExit, withTransf
     }
 };
 c3_chart_internal_fn.initGauge = function () {
-    var arcs = this.arcs;
+    var $$ = this, arcs = $$.arcs;
     if (this.hasType('gauge')) {
-        arcs.append('path')
-            .attr("class", CLASS.chartArcsBackground);
+        arcs.selectAll().data($$.data.targets).enter()
+            .append('path')
+            .attr("class", function(d) {
+                return CLASS.chartArcsBackground + ' ' + CLASS.target +'-'+ d.id;
+            });
         arcs.append("text")
             .attr("class", CLASS.chartArcsGaugeUnit)
             .style("text-anchor", "middle")
diff --git a/src/scss/arc.scss b/src/scss/arc.scss
index ddea0d7..f078c14 100644
--- a/src/scss/arc.scss
+++ b/src/scss/arc.scss
@@ -5,7 +5,7 @@
 
 .c3-chart-arcs .c3-chart-arcs-background {
   fill: #e0e0e0;
-  stroke: none;
+  stroke: #FFF;
 }
 .c3-chart-arcs .c3-chart-arcs-gauge-unit {
   fill: #000;