ECLIPSE创建WEB与ECHART图形展示项目

科多大数据小课堂之:ECLIPSE创建WEB与ECHART图形展示项目第一步:新建WEB 项目

ECLIPSE创建WEB与ECHART图形展示项目_第1张图片

第二步:填写项目名称

ECLIPSE创建WEB与ECHART图形展示项目_第2张图片

第三步:勾选创建WEB.XML

ECLIPSE创建WEB与ECHART图形展示项目_第3张图片

新建项目完成:如图

ECLIPSE创建WEB与ECHART图形展示项目_第4张图片

第四步:配置TOMCAT第一步:点击配置TOMCAT

ECLIPSE创建WEB与ECHART图形展示项目_第5张图片

第二步:配置TOMCAT 7

ECLIPSE创建WEB与ECHART图形展示项目_第6张图片

第三步:选择解压过后的TOMCAT第四步:选择刚才创建的echart项目

ECLIPSE创建WEB与ECHART图形展示项目_第7张图片

第五步:访问刚才发布的 echart

添加Jsp

右键 webcontent ,新建一个Jsp file

ECLIPSE创建WEB与ECHART图形展示项目_第8张图片

打开 Index.jsp在body 标签中 添加 Helloworld

然后访问他

路径是:http://localhost:8080/echart

第五步:配置ECHART

第一步:下载echart

http://echarts.baidu.com/dist/echarts.min.js

第二步:在echart 项目中创建 js文件夹

右键 webcontent ,新建 folder,名字为js

ECLIPSE创建WEB与ECHART图形展示项目_第9张图片

然后将 echart.js 复制到Js文件夹中

剩下的步骤:

http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts

ECLIPSE创建WEB与ECHART图形展示项目_第10张图片

你可能感兴趣的:(ECLIPSE创建WEB与ECHART图形展示项目)