diff --git a/src/views/dashboard/related/ebpf/components/EBPFStack.vue b/src/views/dashboard/related/ebpf/components/EBPFStack.vue index 1e6b4e66..988f2193 100644 --- a/src/views/dashboard/related/ebpf/components/EBPFStack.vue +++ b/src/views/dashboard/related/ebpf/components/EBPFStack.vue @@ -98,7 +98,7 @@ limitations under the License. --> .setColorMapper((d, originalColor) => (d.highlight ? "#6aff8f" : originalColor)); const tip = (d3tip as any)() .attr("class", "d3-tip") - .direction("w") + .direction("s") .html((d: { data: StackElement } & { parent: { data: StackElement } }) => { const name = d.data.name.replace("<", "<").replace(">", ">"); const valStr = @@ -119,7 +119,7 @@ limitations under the License. --> }`; return `
Symbol: ${name}
${valStr}${rateOfParent}${rateOfRoot}`; }) - .style("max-width", "500px"); + .style("max-width", "400px"); flameChart.value.tooltip(tip); d3.select("#graph-stack").datum(stackTree.value).call(flameChart.value); } diff --git a/src/views/dashboard/related/task-timeline/Content.vue b/src/views/dashboard/related/task-timeline/Content.vue index bd44dd8c..c88fa898 100644 --- a/src/views/dashboard/related/task-timeline/Content.vue +++ b/src/views/dashboard/related/task-timeline/Content.vue @@ -35,5 +35,6 @@ limitations under the License. --> .content { height: calc(100% - 50px); width: 100%; + padding: 0 10px; } diff --git a/src/views/dashboard/related/task-timeline/components/ProfilingPanel.vue b/src/views/dashboard/related/task-timeline/components/ProfilingPanel.vue index a7521ed5..cf2bc4a3 100644 --- a/src/views/dashboard/related/task-timeline/components/ProfilingPanel.vue +++ b/src/views/dashboard/related/task-timeline/components/ProfilingPanel.vue @@ -13,18 +13,12 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. --> @@ -42,7 +36,6 @@ limitations under the License. --> import { useI18n } from "vue-i18n"; import { useTaskTimelineStore } from "@/store/modules/task-timeline"; import { useNetworkProfilingStore } from "@/store/modules/network-profiling"; - import { useEbpfStore } from "@/store/modules/ebpf"; import { TargetTypes } from "../../continuous-profiling/data"; import ProcessTopology from "@/views/dashboard/related/network-profiling/components/ProcessTopology.vue"; import EBPFSchedules from "@/views/dashboard/related/ebpf/components/EBPFSchedules.vue"; @@ -58,7 +51,6 @@ limitations under the License. --> const { t } = useI18n(); const taskTimelineStore = useTaskTimelineStore(); const networkProfilingStore = useNetworkProfilingStore(); - const ebpfStore = useEbpfStore();