JS学习 | echarts图表学习

目录

  • 一、Jsp构成
  • 二、了解什么是表格库
  • 三、创建表格样式
  • 四、echarts数据处理

一、Jsp构成

标签 内容 位置
meta 针对搜索引擎和更新频度的描述和关键 必须放在最前面
script 引用网上或系统中的样式js文件 必须写在head后body前
script 自定义函数 可以写在.java文件,还可以写在body里
style 按id名称自定义布局格式 也可以单独写在css文件中,还可以写在body里
div HTML内容 body里
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<html>
<head>
<meta charset="UTF-8">

<title>Insert title heretitle>
head>

<script src="https://www.amcharts.com/lib/4/core.js">script>

<script type="text/javascript">
$(function () {
	     $('#btn1').hide();
})

<style>
#chartdiv {
  width: 100%;
  height: 500px;
}

style>
<body>

<div id="chartdiv">div>
body>
html>

二、了解什么是表格库

常用的2个表格库:表格库有样式文件option,

1、百度echarts库
JS学习 | echarts图表学习_第1张图片
2、amcharts库
JS学习 | echarts图表学习_第2张图片

三、创建表格样式

如何使用?
对,点这里照着做一遍:echarts库官方使用教程,你就理解如何三步在jsp上绘出基本表格

  1. 引入echarts库

你可能感兴趣的:(JavaScript)