Plotters-rs 快速入门：绘制简单函数图像教程

Plotters-rs 快速入门：绘制简单函数图像教程

plotters A rust drawing library for high quality data plotting for both WASM and native, statically and realtimely 🦀 📈🚀 项目地址: https://gitcode.com/gh_mirrors/pl/plotters

前言

Plotters-rs 是一个强大的 Rust 数据可视化库，它提供了丰富的绘图功能和灵活的配置选项。本文将带你快速了解如何使用 Plotters-rs 绘制基本的函数图像，以绘制 y=x² 的二次函数为例。

环境准备

首先确保你的 Rust 开发环境已经配置完成，并在 Cargo.toml 中添加 Plotters-rs 作为依赖项。

代码解析

1. 创建绘图区域

let root = BitMapBackend::new("plotters-doc-data/0.png", (640, 480)).into_drawing_area();
root.fill(&WHITE)?;

这部分代码创建了一个位图后端，指定了输出文件路径和图像尺寸（640×480像素）。into_drawing_area() 方法将其转换为绘图区域，然后我们用 fill() 方法将背景填充为白色。

2. 构建图表框架

let mut chart = ChartBuilder::on(&root)
    .caption("y=x^2", ("sans-serif", 50).into_font())
    .margin(5)
    .x_label_area_size(30)
    .y_label_area_size(30)
    .build_cartesian_2d(-1f32..1f32, -0.1f32..1f32)?;

这里使用 ChartBuilder 构建图表框架：

• 设置标题为 "y=x^2"，使用 sans-serif 字体，字号50
• 设置边距为5像素
• 为X轴和Y轴标签区域预留30像素空间
• 构建二维笛卡尔坐标系，X轴范围-1到1，Y轴范围-0.1到1

3. 绘制网格线

chart.configure_mesh().draw()?;

这行代码配置并绘制了网格线，使图表更易读。

4. 绘制函数曲线

chart
    .draw_series(LineSeries::new(
        (-50..=50).map(|x| x as f32 / 50.0).map(|x| (x, x * x)),
        &RED,
    ))?
    .label("y = x^2")
    .legend(|(x, y)| PathElement::new(vec![(x, y), (x + 20, y)], &RED));

这部分是核心绘图逻辑：

1. 使用 LineSeries 创建线图
2. 通过 -50..=50 范围生成X值（映射到-1.0到1.0区间）
3. 对每个X值计算Y值（x²）
4. 设置线条颜色为红色
5. 添加标签和图例

5. 绘制图例

chart
    .configure_series_labels()
    .background_style(&WHITE.mix(0.8))
    .border_style(&BLACK)
    .draw()?;

配置并绘制图例：

• 设置半透明白色背景
• 添加黑色边框

6. 输出图像

root.present()?;

最后将绘制结果输出到指定的图像文件。

运行结果

执行上述代码后，将生成一个PNG图像文件，显示y=x²在区间[-1,1]上的曲线图，包含坐标轴、网格线和图例等完整元素。

扩展思考

1. 你可以尝试修改函数表达式，绘制其他数学函数
2. 调整颜色、线宽等样式参数来自定义图表外观
3. 尝试添加多条曲线进行比较
4. 探索Plotters-rs支持的其他图表类型（柱状图、散点图等）

总结

通过这个简单的例子，我们学习了Plotters-rs的基本使用流程。Plotters-rs提供了丰富的API和灵活的配置选项，能够满足各种数据可视化需求。掌握这些基础知识后，你可以进一步探索更复杂的可视化场景。

plotters A rust drawing library for high quality data plotting for both WASM and native, statically and realtimely 🦀 📈🚀 项目地址: https://gitcode.com/gh_mirrors/pl/plotters