如何在海运中更改箱形图线条的颜色

// 引入D3.js库
<script src="https://d3js.org/d3.v7.min.js"></script>

// 创建箱形图容器
<div id="chart"></div>

// 数据
var data = [10, 20, 30, 40, 50];

// 创建绘图区域
var svg = d3.select("#chart")
  .append("svg")
  .attr("width", 400)
  .attr("height", 300);

// 创建箱形图
var boxplot = svg.append("g")
  .attr("class", "boxplot")
  .attr("transform", "translate(50, 50)");

// 设置线条颜色
var lineColor = "blue";

// 绘制箱体
boxplot.append("rect")
  .attr("x", 0)
  .attr("y", 100)
  .attr("width", 100)
  .attr("height", 100)
  .style("fill", lineColor);

// 绘制中位数线
boxplot.append("line")
  .attr("x1", 0)
  .attr("y1", 150)
  .attr("x2", 100)
  .attr("y2", 150)
  .style("stroke", lineColor);

// 绘制上下四分位数线
boxplot.append("line")
  .attr("x1", 50)
  .attr("y1", 100)
  .attr("x2", 50)
  .attr("y2", 200)
  .style("stroke", lineColor);

// 绘制最小值和最大值线
boxplot.append("line")
  .attr("x1", 0)
  .attr("y1", 150)
  .attr("x2", 100)
  .attr("y2", 150)
  .style("stroke", lineColor);