​x
 
<!DOCTYPE html>
<html>
<script src="/lib/graphics/plotly.js"></script>
<body>
​
<div id="myPlot" style="width:100%;max-width:700px"></div>
​
<script>
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: "平方米"},
  yaxis: {range: [5, 16], title: "价格（百万元）"},  
  title: "房价 vs. 面积"
};
​
// 使用 Plotly 来显示
Plotly.newPlot("myPlot", data, layout);
</script>
​
</body>
</html>
​