目录
一、什么是Ehcarts？
首先我们要知道什么数据可视化。什么是数据可视化？数据可视化，是关于数据视觉表现形式的科学技术研究。其中，这种数据的视觉表现形式被定义为，一种以某种概要形式抽提出来的信息，包括相应信息单位的各种属性和变量。简单点来说Echarts就是可以显示出如柱状图，折线图之类的数据可视化工具。
二、如何使用Echarts
Echarts官网：Echarts
（1）引入Echarts的js文件
文件我放在我的主页资源里面了。
（2）查看文档，根据文档编写代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <script src="js/echarts.min.js"></script> <style> #ech { height: 400px; width: 400px; } </style> </head> <body> <div id="ech"></div> <script> var 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>
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
