Vue3 ts使用echarts

  • 在 Vue 3 中,我们使用 ref 来访问元素节点,通过声明变量的方式来获取元素。

在template中,添加一个panel,需要指定尺寸

<div ref="area_panel" style="height:250px;width: 600px;"></div>

在script中

const area_panel = ref()
var areaChart = echarts.init(area_panel.value);
   window.addEventListener('resize', () => {
      areaChart.resize();
    });
    areaChart.setOption({
      title: {
        text: 'xxx'
      },

 

相关推荐

  1. Vue3 ts使用echarts

    2024-04-23 03:16:01       38 阅读
  2. Vue3 + TS 按需引入和全局引入 Echarts

    2024-04-23 03:16:01       34 阅读
  3. vue3+ts 使用WebSocket

    2024-04-23 03:16:01       28 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-23 03:16:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-23 03:16:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-23 03:16:01       82 阅读
  4. Python语言-面向对象

    2024-04-23 03:16:01       91 阅读

热门阅读

  1. Vue + Cesium(之一)

    2024-04-23 03:16:01       31 阅读
  2. Vim是一款功能强大的文本编辑器

    2024-04-23 03:16:01       35 阅读
  3. Spring注解@ResponseBody的作用与应用场景

    2024-04-23 03:16:01       37 阅读
  4. zabbix

    zabbix

    2024-04-23 03:16:01      28 阅读
  5. element-ui组件封装技巧

    2024-04-23 03:16:01       32 阅读
  6. 微信小程序中前端 授权登录获取用户的openid

    2024-04-23 03:16:01       39 阅读
  7. intellij idea的快速配置详细使用

    2024-04-23 03:16:01       30 阅读
  8. 279. 完全平方数

    2024-04-23 03:16:01       37 阅读
  9. flink和spark的区别

    2024-04-23 03:16:01       32 阅读
  10. Android组件化、模块化、插件化

    2024-04-23 03:16:01       35 阅读
  11. 【c++】cpp之引用

    2024-04-23 03:16:01       35 阅读
  12. Environment Modules工具

    2024-04-23 03:16:01       33 阅读
  13. DBA面试(ORACLE ADG篇)

    2024-04-23 03:16:01       35 阅读
  14. Linux Makefile

    2024-04-23 03:16:01       29 阅读