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

相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
Fluent中创建监测点 1 概述某些仿真问题,需要创建监测点,用于获取空间定点的数据࿰...
educoder数据结构与算法...                                                   ...
MySQL下载和安装(Wind... 前言:刚换了一台电脑,里面所有东西都需要重新配置,习惯了所...
MFC文件操作  MFC提供了一个文件操作的基类CFile,这个类提供了一个没有缓存的二进制格式的磁盘...
有效的括号 一、题目 给定一个只包括 '(',')','{','}'...
【Ctfer训练计划】——(三... 作者名:Demo不是emo  主页面链接:主页传送门 创作初心ÿ...