描述
之前一直使用html进行网页版的数据库查询啥的，没有图片的参与，也没有将一条条数据变成较为直观的图画形式，这就是来实现以下数据的图画形式
了解及基础说明
通过查阅资料，我首先了解到要是想实现数据的可视化，就需要利用到这个东西--Echarts；
这是对它最直观的评价--Echarts是一个实现动态数据展示最方便的图形化展示工具。它能够完成数据实时传递更新并且能够完成页面直观的展示
对于该技术而言，它有着自己的相关模板，只要根据自己的需求将模板套进去即可，当然，这种直接套用的情况在我看来，好像只是适用于直接将数据信息填写到模板中的情况；
而连接数据库的操作，我还在努力中，在学习Python的时候，我运用了Python的相关知识进行了相关内容的可视化，当时还没有了解到Java也能够在ECharts的帮助下实现数据的可视化；
很简单，只是需要一个.html界面就可以实现，当然，这部分的模块在前面已经明确提出过了：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="lib/echarts.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<title>ECharts连接数据库实例</title>
</head>
<body>
<div id="main" style="width: 600px;height:400px;"></div>
<script>
var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar',
}
]
};
myChart.setOption(option);
</script>
</body>
</html>
接下来，我会继续努力地去实现连接数据库的！
标签：javaweb,实现,type,数据库,利用,可视化,var,数据 From： https://www.cnblogs.com/liuzijin/p/17134310.html