Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

散点图

  • 数据收集
  • 散点图
  • 图表

数据收集

收集数据是任何机器智能项目的关键部分。

最常收集的数据是数字和测量值。

数据通常存储在数组中,表示值之间的关系。

此表包含房价与面积的关系

价格7889991011141415
面积5060708090100 110120130140150

散点图

散点图 通过散布在一个区域内的点来表示两个值之间的关系。

示例

const xArray = [50,60,70,80,90,100,110,120,130,140,150];
const yArray = [7,8,8,9,9,9,10,11,14,14,15];

// 定义数据
const data = [{
  x: xArray,
  y: yArray,
  mode:"markers"
}];

// 定义布局
const layout = {
  xaxis: {range: [40, 160], title: "平方米"},
  yaxis: {range: [5, 16], title: "价格(百万)"},
  title: "房价与面积关系图"
};

// 使用 Plotly 显示
Plotly.newPlot("myPlot", data, layout);
自己试试 »


图表

图表 也可以用于显示相同的值

价格7889991011141415
面积5060708090100 110120130140150

源代码

const xArray = [50,60,70,80,90,100,110,120,130,140,150];
const yArray = [7,8,8,9,9,9,10,11,14,14,15];

// 定义数据
const data = [{
  x: xArray,
  y:yArray,
  mode:"lines"
}];

// 定义布局
const layout = {
  xaxis: {range: [40, 160], title: "平方米"},
  yaxis: {range: [5, 16], title: "价格(百万)"},
  title: "房价与面积关系图"
};

// 使用 Plotly 显示
Plotly.newPlot("myPlot", data, layout);

自己试试 »


何时使用散点图

散点图非常适合

  • 查看“全局概况”
  • 比较不同的值
  • 发现潜在趋势
  • 发现数据中的模式
  • 发现数据之间的关系
  • 发现聚类相关性

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.