github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-18 08:25:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: update resize

Browse Source
This commit is contained in:
Qiuxia Fan 2022-02-26 14:07:57 +08:00
parent 6b72247de6
commit 6c90f535d2
3 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/dashboard/related/trace/components/Statistics.vue
View File

@ -17,7 +17,11 @@ limitations under the License. -->
<div class="trace-t-loading" v-show="loading">
<Icon iconName="spinner" size="sm" />
</div>
<TableContainer :tableData="tableData" type="statistics" HeaderType>
<TableContainer
:tableData="tableData"
type="statistics"
:HeaderType="HeaderType"
>
<div class="trace-tips" v-if="!tableData.length">{{ $t("noData") }}</div>
</TableContainer>
</div>

6
src/views/dashboard/related/trace/components/table/Index.vue
View File

@ -17,7 +17,11 @@ limitations under the License. -->
<div class="rk-trace-t-loading" v-show="loading">
<Icon iconName="spinner" size="sm" />
</div>
<TableContainer :tableData="tableData" type="table" HeaderType>
<TableContainer
:tableData="tableData"
type="table"
:HeaderType="HeaderType"
>
<div class="trace-tips" v-if="!tableData.length">{{ $t("noData") }}</div>
</TableContainer>
</div>

11
src/views/dashboard/related/trace/utils/d3-trace-list.ts
View File

@ -300,4 +300,15 @@ export default class ListGraph {
callback();
}
}
resize() {
if (!this.el) {
return;
}
this.width = this.el.clientWidth - 20;
this.height = this.el.clientHeight;
this.svg.attr("width", this.width).attr("height", this.height);
this.svg.select("g").attr("transform", () => `translate(160, 0)`);
const transform = d3.zoomTransform(this.svg).translate(0, 0);
d3.zoom().transform(this.svg, transform);
}
}