github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-13 16:27:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Fine 2022-11-29 17:07:02 +08:00
parent d1c5ab7377
commit f40e0f76b2
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/Graph.vue
View File

@ -22,7 +22,7 @@ limitations under the License. -->
<div
class="tools"
@click="viewTrace"
v-if="props.relatedTrace && props.relatedTrace.enableRelate"
v-if="relatedTrace && relatedTrace.enableRelate"
>
{{ t("viewTrace") }}
</div>
@ -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,
});
}