Nuxt3使用echart，使用中国地图
创始人
2024-03-24 16:57:48
0次
目录
第一步安装echart
第二步配置plugins
第三步使用
例如使用饼状图
例如使用中国地图
第一步安装echart
npm install echarts --save第二步配置plugins
在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
上一篇：Servlet API 详解
下一篇：5-5：显示系统的通知
相关内容
热门资讯
【PdgCntEditor】解...
一、问题背景 大部分的图书对应的PDF，目录中的页码并非PDF中直接索引的页码...
监控摄像头接入GB28181平...
流程简介将监控摄像头的视频在网站和APP中直播，要解决的几个问题是：1&...
在Word、WPS中插入AxM...
引言 我最近需要写一些文章，在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
protocol buffer...
目录 目录 什么是protocol buffer 1.protobuf 1.1安装 1.2使用...
修复 爱普生 EPSON L4...
L4151 L4153 L4156 L4158 L4163 L4165 L4166 L4168 L4...
Windows10添加群晖磁盘...
在使用群晖NAS时，我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
Fluent中创建监测点
1 概述某些仿真问题，需要创建监测点，用于获取空间定点的数据...
ChatGPT 怎么用最新详细...
ChatGPT 以其强大的信息整合和对话能力惊艳了全球，在自然语言处理上面表现出了惊人...
MySQL下载和安装（Wind...
前言：刚换了一台电脑，里面所有东西都需要重新配置，习惯了所...