diff --git a/src/components/Graph.vue b/src/components/Graph.vue
index f815b1ff..e33002b7 100644
--- a/src/components/Graph.vue
+++ b/src/components/Graph.vue
@@ -22,7 +22,7 @@ limitations under the License. -->
{{ t("viewTrace") }}
@@ -118,15 +118,15 @@ function instanceEvent() {
visMenus.value = true;
const w = chartRef.value.getBoundingClientRect().width || 0;
const h = chartRef.value.getBoundingClientRect().height || 0;
- if (w - params.event.offsetX > 125) {
+ if (w - params.event.offsetX > 120) {
menus.value.style.left = params.event.offsetX + "px";
} else {
- menus.value.style.left = params.event.offsetX - 125 + "px";
+ menus.value.style.left = params.event.offsetX - 120 + "px";
}
- if (h - params.event.offsetY < 60) {
- menus.value.style.top = params.event.offsetY - 60 + "px";
+ if (h - params.event.offsetY < 50) {
+ menus.value.style.top = params.event.offsetY - 40 + "px";
} else {
- menus.value.style.top = params.event.offsetY + 5 + "px";
+ menus.value.style.top = params.event.offsetY + 2 + "px";
}
});
document.addEventListener(
@@ -149,10 +149,11 @@ function instanceEvent() {
function associateMetrics() {
emits("select", currentParams.value);
visMenus.value = true;
- updateOptions();
+ const dataIndex = currentParams.value?.dataIndex;
+ updateOptions(dataIndex);
}
-function updateOptions() {
+function updateOptions(dataIndex?: number) {
const instance = getInstance();
if (!instance) {
return;
@@ -160,7 +161,6 @@ function updateOptions() {
if (!props.filters) {
return;
}
- console.log(props.filters);
if (props.filters.isRange) {
const { eventAssociate } = associateProcessor(props);
const options = eventAssociate();
@@ -168,7 +168,7 @@ function updateOptions() {
} else {
instance.dispatchAction({
type: "updateAxisPointer",
- dataIndex: props.filters.dataIndex,
+ dataIndex: dataIndex || props.filters.dataIndex,
seriesIndex: 0,
});
}