Reduce bundle size (#7246)

* chore: use ESModule imports for d3 libraries

* chore: add d3 types

* chore: use minified plotly

* chore: use ESModule style imports for printj

* chore: use `terser-webpack-plugin` to minimize

* Revert "chore: use minified plotly"

This reverts commit 0ae9b39d41b6e38f0fe38cd89a2cd73869f31c36.

* Revert "Revert "chore: use minified plotly""

This reverts commit 08973a2d2e6675206907f678d447717ac6526613.

* fix: use default minification options

* test: stabilize notebook image drop e2e test

* test(fix): remove .only()

* refactor: convert TelemetryValueFormatter to es6 class

---------

Co-authored-by: Scott Bell <scott@traclabs.com>
This commit is contained in:
Jesse Mazzella
2023-12-20 11:23:24 -08:00
committed by GitHub
parent 0d97675a0a
commit 715a44864e
7 changed files with 66 additions and 62 deletions

View File

@ -26,9 +26,9 @@
</template>
<script>
import * as d3Axis from 'd3-axis';
import { axisTop } from 'd3-axis';
import { scaleLinear, scaleUtc } from 'd3-scale';
import * as d3Selection from 'd3-selection';
import { select } from 'd3-selection';
import { TIME_CONTEXT_EVENTS } from '../../api/time/constants';
import utcMultiTimeFormat from './utcMultiTimeFormat.js';
@ -78,9 +78,9 @@ export default {
}
},
mounted() {
let vis = d3Selection.select(this.$refs.axisHolder).append('svg:svg');
let vis = select(this.$refs.axisHolder).append('svg:svg');
this.xAxis = d3Axis.axisTop();
this.xAxis = axisTop();
this.dragging = false;
// draw x axis with labels. CSS is used to position them.