Nuxt3使用echart，使用中国地图_科技

创始人

2024-03-24 16:57:48

0次

第一步安装echart

第二步配置plugins

第三步使用

例如使用饼状图

例如使用中国地图

npm install echarts --save

在plugins创建echarts.ts文件并写入下面内容

import * as echarts from 'echarts'export default defineNuxtPlugin((nuxtApp) => {return {provide:{eChart: echarts}}
})

我使用的版本 "echarts": "^5.4.0"

china.json文件是去DataV.GeoAtlas地理小工具系列 (aliyun.com)下载的

我这里只是简单的使用，复杂场景需要更多配置,可参考echart官网

Documentation - Apache ECharts

修复爱普生 EPSON L4... L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...

【PdgCntEditor】解... 一、问题背景大部分的图书对应的PDF，目录中的页码并非PDF中直接索引的页码...

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播，要解决的几个问题是：1&...

在Word、WPS中插入AxM... 引言我最近需要写一些文章，在排版时发现AxMath插入的公式竟然会导致行间距异常&#...

protocol buffer... 目录目录什么是protocol buffer 1.protobuf 1.1安装 1.2使用...

【前端】‘??‘与‘||‘有什... 0 问题经常写const data = res.data.a ?? ''或者const d...

Windows10添加群晖磁盘... 在使用群晖NAS时，我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。通过...

牛客计算器的改良（Python... 文章目录1.题目描述2.输入描述:3.输出描述:4.示例15.分析6.代码7.结语链接࿱...

正大杯｜市调大赛｜2023备赛... 关键信息同时随着精细化养宠趋势的深入，宠物消费类目日渐丰富。本报告通过 Niuco...

QGIS下载在线地图（Goog... 前言国内外有很多在线地图下载软件，但功能单一，基本上只能下载数据&#x...