vue3中套用echarts官网例子

一只桃子~

已于 2022-06-22 11:24:55 修改

阅读量896

点赞数

文章标签： echarts vue.js javascript

于 2022-06-22 11:23:46 首次发布

本文链接：https://blog.csdn.net/qq_43405603/article/details/125406009

版权

//npm完echarts ，直接复制以下代码

<template>
  <divf id="lineChar"></divf>
</template>
<script>
import { onMounted } from "vue";
import * as echarts from "echarts";
export default {
  name: "data_page",
  setup() {
    onMounted(() => {
      //需要获取到element,所以是onMounted的Hook
      let myChart = echarts.init(document.getElementById("lineChar"));
      //绘制图标
      let category = [];
      let dottedBase = +new Date();
      let lineData = [];
      let barData = [];
      for (let i = 0; i < 20; i++) {
        let date = new Date((dottedBase += 3600 * 24 * 1000));
        category.push(
          [date.getFullYear(), date.getMonth() + 1, date.getDate()].join("-")
        );
        let b = Math.ra