散点图

散点图

散点图具有散布在表示两个值之间关系的区域上的点。

实例

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

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

// 定义布局
var layout = {
  xaxis: {range: [40, 160], title: "Square Meters"},
  yaxis: {range: [5, 16], title: "Price in Millions"},
  title: "House Prices vs. Size"
};

// Display with Plotly
Plotly.newPlot("myPlot", data, layout);
Try it Yourself »


图表

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

Price7889991011141415
Size5060708090100 110120130140150

源代码

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

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

// 定义布局
var layout = {
  xaxis: {range: [40, 160], title: "Square Meters"},
  yaxis: {range: [5, 16], title: "Price in Millions"},
  title: "House Prices vs Size"
};

// Display with Plotly
Plotly.newPlot("myPlot", data, layout);

亲自试一试 »


何时使用散点图

散点图非常适合:

  • 看"大局"
  • 比较不同的值
  • 发现潜在趋势
  • 发现数据中的模式
  • 发现数据之间的关系
  • 发现聚类相关性