大数据可视化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>

相关阅读:
JavaScript基础（1）
P1091 [NOIP2004 提高组] 合唱队形
硬件开发笔记（八）: 硬件开发基本流程，制作一个USB转RS232的模块（七）：创建基础DIP元器件（晶振）封装并关联原理图元器件
Filter和ThreadLocal结合存储用户id信息
代码随想录刷题| 多重背包理论基础、背包问题的总结
【AQS】概述、执行流程、体系架构、深⼊源码解读(加锁，解锁)、源码总结_JUC20
【类型转换】使用c#实现简易的类型转换(Emit，Expression，反射)
刷一下算法
stable-diffusion-webui+sadTalker开启GFPGAN as Face enhancer
《SpringBoot 手册》：国际化组件 MessageSource

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