diff --git a/src/components/partials/Visualization.vue b/src/components/partials/Visualization.vue
index f94f25c87e9443f87d5ff9c0263c5c187e168a75..cb245d458a3371eb7974c379e9ce8c7d4149c0b2 100644
--- a/src/components/partials/Visualization.vue
+++ b/src/components/partials/Visualization.vue
@@ -48,7 +48,8 @@ export default {
       columnForColor = "name",
       columnForWidth = "value",
       columnId = "_id",
-      columnPercentage = "persentase"
+      columnPercentage = "percentage",
+      columnSubdata = "subdata"
 
       var self = this
 
@@ -136,8 +137,10 @@ export default {
             return self.tooltip.style("visibility", "visible")
           })
           .on("mouseup", function(d) {
-            self.clear()
-            self.$emit('click-handler', d[columnId])
+            if (d[columnSubdata].length != 0) {
+              self.clear()
+              self.$emit('click-handler', d[columnId])
+            }
           })
           .on("mousemove", function() {
             return self.tooltip.style("top", (d3.event.pageY-150) + "px").style("left", (d3.event.pageX) + "px")