网站设计外包,做网站不如做公众号,做网站购买域名之后,网站开发难不难目录
一、什么是Ehcarts#xff1f;
二、如何使用Echarts
#xff08;1#xff09;引入Echarts的js文件
#xff08;2#xff09;查看文档#xff0c;根据文档编写代码 一、什么是Ehcarts#xff1f;
首先我们要知道什么数据可视化。什么是数据可视化#xff1f;…目录
一、什么是Ehcarts
二、如何使用Echarts
1引入Echarts的js文件
2查看文档根据文档编写代码 一、什么是Ehcarts
首先我们要知道什么数据可视化。什么是数据可视化数据可视化是关于数据视觉表现形式的科学技术研究。其中这种数据的视觉表现形式被定义为一种以某种概要形式抽提出来的信息包括相应信息单位的各种属性和变量。简单点来说Echarts就是可以显示出如柱状图折线图之类的数据可视化工具。 二、如何使用Echarts
Echarts官网Echarts
1引入Echarts的js文件 文件我放在我的主页资源里面了。 2查看文档根据文档编写代码 !DOCTYPE html
html langenheadmeta charsetUTF-8 /meta nameviewport contentwidthdevice-width, initial-scale1.0 /titleDocument/titlescript srcjs/echarts.min.js/scriptstyle#ech {height: 400px;width: 400px;}/style/headbodydiv idech/divscriptvar chart echarts.init(document.querySelector(#ech));option {xAxis: {type: category,data: [Mon, Tue, Wed, Thu, Fri, Sat, Sun],},yAxis: {type: value,},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: line,},],};chart.setOption(option);/script/body
/html
