xawjz的博客

使用angular开发数据可视化项目，并适应大屏显示 一般大屏项目是要求比例 16：9的 我们在页面设计的时候，可以将页面作如下设计，echarts放置我们的大屏项目，这样就可以保证页面比例适中 .app_body { position: relative; height: 0; padding-top: 56.28%; //这里padding-top继承的是父级元素也就是屏幕宽度的56.28% 现在本盒子的高度：宽度 = 9：16 width: 100%; ...

下载安装 根据网上教程可以成功安装（PS：打算学习nginx的时候发现自己的Mac上已经存在了新版的nginx，神奇） 使用 打开nginx之后，进入 http://localhost:8080 会出现以下内容 注：这里的8080端口是nginx默认配置的 如果本地的8080端口被占用的话，可以进入nginx配置文件进行修改，配置文件的方法在下方。 说明安装启动成功。 然后打开终端，准备编辑nginx的配置文件： vim /usr/local/etc/nginx/nginx..

创建angular项目 cd 你的文件路径 ng new echarts-demo --skip-install //只创建项目并不下载 node_modules（速度快） 打开项目引入所需文件 我这里用到的是webstorm 找到package.json文件 将下方代码复制进去 "echarts": "^4.9.0", "ngx-echarts": "^5.1.2", 然后npm安装 node_modules 在项目目录下控制台运行 npm i 这两步就是...

echarts实例 一个网页中可以创建多个echarts实例（由dom节点来承载） 每个echarts实例中可以创建多个图表和坐标系等等（用option来描述） 一个DOM节点作为echarts的渲染容器，每个echarts实例独占一个DOM节点 系列（series） 系列指一组数值以及他们映射成的图，在echarts中系列（series）不仅表示数据，也表示数据映射成的图。 一个系列包含的要素至少有：一组数值、图表类型（series.type）、其他关于这些数