echarts散点图

本文介绍了如何使用ECharts库在HTML页面上创建一个散点图,通过JavaScript代码展示了如何初始化ECharts实例,设置图表选项并呈现数据。
摘要由CSDN通过智能技术生成

<!DOCTYPE html>
 
<html>
 
<head>
 
<meta charset="utf-8">
 
<script src="C:\Users\Administrator\Desktop\js\echarts.js"></script>
 
<body>
 
  <!-- 1.准备一个具备大小的 DOM 容器 -->
 
  <div style="width: 600px;height: 400px"></div>
 
 
  <script>
 
      // 2.初始化echarts实例化对象
 
      var myChart = echarts.init(document.querySelector('div'));
 
      option = {
  xAxis: {},
  yAxis: {},
  series: [
    {
      symbolSize: 20,
      data: [
        [10.0, 8.04],
        [8.07, 6.95],
        [13.0, 7.58],
        [9.05, 8.81],
        [11.0, 8.33],
        [14.0, 7.66],
        [13.4, 6.81],
        [10.0, 6.33],
        [14.0, 8.96],

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值