| | |
| | | </div> |
| | | </template> |
| | | <script> |
| | | var echarts = require("echarts"); |
| | | let echarts = null; |
| | | let $chartLeft1, |
| | | $chartLeft2, |
| | | $chartLeft3, |
| | |
| | | } from "./bigdata/chart-options"; |
| | | // import IviewCircle from "./bigdata/IviewCircle"; |
| | | import "./bigdata/layout.less"; |
| | | |
| | | async function loadEcharts() { |
| | | if (!echarts) { |
| | | const module = await import("echarts"); |
| | | echarts = module.default || module; |
| | | } |
| | | return echarts; |
| | | } |
| | | |
| | | export default { |
| | | components: { |
| | | // "iview-circle": IviewCircle |
| | |
| | | created() { |
| | | console.log("chart"); |
| | | }, |
| | | mounted() { |
| | | async mounted() { |
| | | echarts = await loadEcharts(); |
| | | if ($chartLeft1) { |
| | | $chartLeft1.dispose(); |
| | | $chartLeft2.dispose(); |