数据可视化

1.工程创建
1.1登录master节点，创建globalmeteorology项目

cd /softwares                    			   #切换目录
sudo mkdir globalmeteorology                   #创建项目目录
sudo chown -R hadoop:hadoop globalmeteorology  #更改目录（文件）的拥有者

1.2启动VSCode
桌面端打开终端

cd /softwares/VSCode-linux-x64                                            #切换目录
./code --no-sandbox --user-data-dir /softwares/VSCode-linux-x64/projects  #原神启动

打开之后增加子目录：html和js
html：存放我们要设计的数据和样式
js：引用的文件


2.安装Echarts
先下载Echarts文件放在tool目录下
下载一：npm install echarts #通过npm下载
下载二：

https://echarts.apache.org/zh/download.html

将echarts.js文件添加到js目录下

cp -rf /tools/echarts.js /softwares/globalmeteorology/js

在test.html文件中引用，放在head之间

在body标签中添加内容

<div id = "main" style = "width: 600px;height:400px;"></div> 
<script type = "text/javascript"> 
    var myChart = echarts.init(document.getElementById('main')); 
    var option = { title: {text: 'frist demo' },tooltip: {}, legend: { data:['test' ] },
              xAxis: { data: ["1","2","3","4","5","6"] },
              yAxis: {}, 
              series: [{ name: 'test', type: 'bar', 
                        data: [5, 20, 36, 10, 10, 20] }] };
    myChart.setOption(option); 
</script>

3.访问

file:///softwares/globalmeteorology/html/test.html