菜单
×
   ❮     
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
     ❯   

线性图

机器学习经常使用折线图来显示关系。

折线图显示线性函数的值:y = ax + b

重要关键词

  • 线性(直线)
  • 斜率(角度)
  • 截距(起始值)

线性

线性意味着直线。线性图是一条直线。

图包含两个轴:x轴(水平)和y轴(垂直)。

示例

const xValues = [];
const yValues = [];

// 生成值
for (let x = 0; x <= 10; x += 1) {
  xValues.push(x);
  yValues.push(x);
}

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

// 定义布局
const layout = {title: "y = x"};

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


斜率

斜率是图的角度。

斜率是线性图中的a

y = ax

在此示例中,斜率 = 1.2

示例

let slope = 1.2;
const xValues = [];
const yValues = [];

// 生成值
for (let x = 0; x <= 10; x += 1) {
  xValues.push(x);
  yValues.push(x * slope);
}

// 定义数据
const data = [{
  x: xValues,
  y: yValues,
  mode: "lines"
}];
// 定义布局
const layout = {title: "斜率=" + slope};

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

截距

截距是图的起始值。

截距是线性图中的b

y = ax + b

在此示例中,斜率 = 1.2 且截距 = 7

示例

let slope = 1.2;
let intercept = 7;
const xValues = [];
const yValues = [];

// 生成值
for (let x = 0; x <= 10; x += 1) {
  xValues.push(x);
  yValues.push(x * slope + intercept);
}

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

// 定义布局
const layout = {title: "斜率=" + slope + " 截距=" + intercept};

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

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持