feature: show namespace chart

fariss · Aug 1, 2024 · b74738a · b74738a
1 parent b229048
commit b74738a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 11 deletions.
diff --git a/webui/src/components/NamespaceChart.vue b/webui/src/components/NamespaceChart.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="chartRef" class="namespace-chart"></div>
+  <div ref="chartRef" class="w-screen h-screen"></div>
 </template>
 
 <script setup>
@@ -99,7 +99,7 @@ const renderChart = () => {
         parents: sunburstData.parents,
         values: sunburstData.values,
         outsidetextfont: { size: 20, color: '#377eb8' },
-        leaf: { opacity: 0.5 },
+        leaf: { opacity: 0.6 },
         marker: { line: { width: 2 } },
         branchvalues: 'total'
       }
@@ -124,10 +124,3 @@ watch(
   { deep: true }
 )
 </script>
-
-<style scoped>
-.namespace-chart {
-  width: 100%;
-  height: 600px;
-}
-</style>
diff --git a/webui/src/views/ImportView.vue b/webui/src/views/ImportView.vue
@@ -19,7 +19,7 @@ const { rdocData, isValidVersion, loadRdoc } = useRdocLoader()
 
 const showCapabilitiesByFunctionOrProcess = ref(false)
 const showLibraryRules = ref(false)
-const showNamespaceChart = ref(true)
+const showNamespaceChart = ref(false)
 
 const flavor = computed(() => rdocData.value?.meta.flavor)
 
@@ -104,6 +104,6 @@ onMounted(() => {
       :show-capabilities-by-process="showCapabilitiesByFunctionOrProcess"
       :show-library-rules="showLibraryRules"
     />
-    <NamespaceChart v-else-if="showNamespaceChart && !showCapabilitiesByFunctionOrProcess" :data="rdocData" />
+    <NamespaceChart v-else-if="showNamespaceChart" :data="rdocData" />
   </template>
 </template>