Echarts可视化MySQL数据

Echarts可视化MySQL数据,第1张

1.eclipse创建servlet项目,创建servlet之前必须安装tomcat。创建好项目之后编写html代码:

 




    
    第一个 ECharts 实例
    
    
    


    
    
    

特别注意】方法Method1()里面的url根据自己创建的项目填写;前面部分http://localhost:8080/不用改动,ServletProject改成创建的项目名,/echartsServlet改成创建的servlet名。Method1(value)里面的xAxis,series的data根据数据库中的数据改写适当的增删即可。

2.下载与电脑上的mysql版本对应的jdbc,复制jdbc粘贴到我们的servlet项目WebContent->WEB-INF->lib下,如图所示:

 3.编写servlet,我们用到的是doGet方法,所以改一下doGet方法就可以了。

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		response.setCharacterEncoding("utf-8");
		response.setContentType("application/json;charset=utf-8");
		String url="jdbc:mysql://localhost:3306/DATABASENAME?useUnicode=true&characterEncoding=utf-8";
		String user="root";
		String password="PASSWORD";
		String data="{";
		try {
			Class.forName("com.mysql.jdbc.Driver");
			Connection connection=(Connection) DriverManager.getConnection(url, user, password);
			Statement statement=(Statement) connection.createStatement();
			String sql="select DATA from ECHARTS;";
			ResultSet resultSet=statement.executeQuery(sql);
			resultSet.last();
			int l=resultSet.getRow();
			resultSet.first();
			int i=1;
			for(;i

注意】把url中的DATABASENAME改成存放表的数据库名字;password中的PASSWORD改成数据库密码。sql字符串中的DATA和.getString("DATA")的DATA都改成要查询的列名;ECHARTS改成表名。

4.编写完之后进入html代码页面,在空白处右键选择Run As,选择Run on Server,点击Next,点击Finish运行项目。

5.运行效果如图所示

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1321522.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)