ch5基于Echarts的可视化_第1页
ch5基于Echarts的可视化_第2页
ch5基于Echarts的可视化_第3页
ch5基于Echarts的可视化_第4页
ch5基于Echarts的可视化_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

基于Echarts的可视化创建JavaWeb工程（1）FileNewOther，选择WebDynamicWebProject，点击【Next】。创建JavaWeb工程（2）设置项目信息：在Projectname中输入项目名称FirstWeb，Targetruntime中选择ApacheTomcatv9.0。如果没有服务器，可以通过NewRuntime配置服务器Tomcat。输入信息之后点击【Next】。创建JavaWeb工程（3）设置默认输出文件的位置（编译后的class文件存储的位置），此处采用默认值即可，点击【Next】。创建JavaWeb工程（4）设置Web模块信息，Contextroot表示确定网站路径，默认情况下与工程名相同，具体用法后面详细介绍，Contentdirectory表示网页文件存放的位置，这里都采用默认值即可。“Generateweb.xmldeploymentdescriptor”选中表示生成web.xml，该文件是Web应用的部署描述符文件。点击【Finish】完成文件的创建。创建JavaWeb工程创建后的工程文件夹结构如图所示，src用于存放Java文件，WebContent用于存放html文件、JSP文件以及其他的资源文件，例如图片、音频、视频、CSS文件、JS文件。添加echarts支持下载echarts库，主要是JS文件添加到工程中：在WebContent下面创建js文件夹把下载的JS文件复制到上面创建的js文件夹新建一个html文件echarts.html，代码如下：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Inserttitlehere</title></head><body>

</body></html>创建html文件（续）引入echarts的js文件，加入下面的代码：<scriptsrc="js/mon.js"></script>为Echarts准备一个DOM，就是显示图形的位置：<divid="main"style="width:600px;height:400px;"></div>创建html文件（续）生成图形：（1）通过echarts.init方法初始化一个echarts实例；（2）通过option变量设置图形相关参数；（3）通过echarts实例的setOption方法生成图形。创建html文件（续）生成图形：（1）通过echarts.init方法初始化一个echarts实例；（2）通过option变量设置图形相关参数；（3）通过echarts实例的setOption方法生成图形。创建html文件（续）创建html文件（续）创建html文件（续）运行在e

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论