首页 > TAG信息列表 > echarts5
v2 echarts5 组件
<!-- tsx 简单图表组件 --> <template> <div class="chart" :style="{height:height,width:width}" :id="id"> </div> </template> <script > // 这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图vue4 + echarts5
npm install echarts --save mian.js 引用 import * as echarts from 'echarts'; app.config.globalProperties.$echarts = echarts; <template> <div class="home"> <div id="myChart" :style="{width:Vue3.0 - echarts5.x echarts-gl实现3D旋转地球
效果图 本次开发的版本 代码片段 按需引入 import { use } from "echarts" import { GlobeComponent } from "echarts-gl/components"; use([ GlobeComponent ]); 地图组件 globe: { baseTexture: require("@/assets/datav-gl-texture.jpg"),Vue使用官方Echarts5(v5)
Notes: 网上搜大多数vue echarts都是v4的,所以,直接CV不能运行 不能运行是因为什么呢? 原因就是:没看官方文档 官方文档如下:https://echarts.apache.org/zh/tutorial.html#ECharts%205%20%E5%8D%87%E7%BA%A7%E6%8C%87%E5%8D%97 所以,就差* as 四个字符 v5正确的使用方法是: impo展示屏 云图大数据展示 vue+echarts5
一.先上效果图 (点击进入演示网址) 二.展示效果说明 : 1.点击 当日 当季 当年 切换时间数据 2.点击地图任意地区可切换 地区数据 3 . 地图轮播 , 左右两边数据表跟着地图地区刷新 4 . 点击 地图任意地区