大数据可视化Echarts基础快速入门

一、什么是Ehcarts？

首先我们要知道什么数据可视化。什么是数据可视化？数据可视化，是关于数据视觉表现形式的科学技术研究。其中，这种数据的视觉表现形式被定义为，一种以某种概要形式抽提出来的信息，包括相应信息单位的各种属性和变量。简单点来说Echarts就是可以显示出如柱状图，折线图之类的数据可视化工具。

二、如何使用Echarts

Echarts官网：Echarts

（1）引入Echarts的js文件

文件我放在我的主页资源里面了。

（2）查看文档，根据文档编写代码


html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Documenttitle>
    <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>

相关阅读:
[UE虚幻引擎插件介绍] DTSQLite 插件说明：蓝图操作SQLite3文件，执行SQL语句。
手把手带你学python—牛客网python基础乘法与幂运算
Python使用SQLAlchemy操作sqlite
计算机毕业设计之java+ssm的洗衣店管理系统
net-java-php-python-中小学生在线作业网络设计计算机毕业设计程序
前端架构思考，Vue or React？领域设计、文件结构、数据管理、主题替换
java计算机毕业设计作业自动评阅系统的设计和开发源码+数据库+系统+lw文档+mybatis+运行部署
细说react源码中的合成事件
如何用python连接Linux服务器
Yolov5实例分割Tensorrt部署实战

原文地址：https://blog.csdn.net/gaoqiandr/article/details/134435616