ECharts数据可视化项目实践 项目二 水果销售管理系统 05水果布局讲义.pptx

;项目二 水果销售管理系统;;前端开发;制作可视化大屏布局;制作可视化大屏布局; 2.1 制作可视化大屏布局 准备好所有的目录和文件之后，在Vscode里形成的目录结构如图2-16所示。;布局如图2-17所示。;? 2.1.1 完成HTML代码;页面左上角下拉框如图2-18所示。;marketdata.js代码如下：;页面下面左边的三个容器代码如下：;页面下面中间两个容器代码如下：;? 2.1.2 完成样式代码;body样式设置代码如下：;页面上面部分代码如下：;页面下面部分的主体样式设置代码如下：;图形所在的容器样式代码如下：;显示关键数据文字样式代码如下：;地图所在容器样式代码如下：;