letmyChart1=this.$echarts.init(document.getElementClassName("main1"))myChart1.setOption({title:{text:"title"},xAxis:{data:["Guangdong","Jiangsu","Shandong","Shaanxi"]},yAxis:{},series:[{name:"Assets",type:"bar",data:[34,23,54,56]}]})letmyChart2=this.$echarts.init(document.getElementClassName("main2"))letoption={title:{text:"Title"},xAxis:{哒ta:["广东","江苏","山东","陕西"]},legend:{data:["1号线","2号线","2号线","3号线"]},yAxis:{},series:[{name:"line1",type:"line",data:[34,23,54,56]},name:"line2",type:"line",数据:[24,13,55,36]},{name:"line3",type:"line",data:[31,86,25,86]},{name:"line4",type:"line",数据:[14,53,25,06]}]}myChart2.setOption(选项);express启动nodeJS后端服务初始化，得到一个package.json文件npminit-y下载配置文件中的文件npmiexpress-S这样，后端环境就搭建好了。使用原生js写界面//文件为app.js//导入模块letexpress=require("express");//创建实例letapp=express()app.get('/',(req,res)=>{//第一个参数是url，第二个参数是回调函数res.send("Hello,World")})app.litsen(3000,()=>{//监听3000端口，和回调函数console.log("expressstartatexport3000")})运行项目节点app.js也可以写其他的其接口使用geoJson包导入Json数据importgeoJsonfrom"../../data.json"routenavigationguard（没有验证则强制跳转）在登录系统中，如果没有routenavigationguard，localhost:8080:/home，可以跳过登录界面，直接登录系统添加导航守卫，然后访问localhost:8080:/home，会跳转到localhost:8080:/loginrouter.beforeEach((to,from,next)=>{letflag=localStorage.getItem("username");//验证需要删除LocalStorage中的usernameif(!flag){if(to.path!='/login'){next("/login")}else{next();}}else{next();}})登录后用户名保存在LocalStorage中，可以直接使用nginx访问打包项目npmrunbuilddeploymentproject再次访问/home。brewconfig首先查看你的镜像源是否是国内的，然后下载nginxbrewinstalnginx下载nginx后，修改nginx配置，主要是端口和本地项目地址//查看nginx安装目录open/usr/local/etc/nginx//nginx.config在配置文件中修改打包后的dist文件地址为root//激活配置文件nginx-t-c/opt/homebrew/etc/nginx/nginx.config//启动项目brewservicerestartnginx//停止项目nginx-squit