修改渐变彩色条形图限制

// 示例代码：使用D3.js创建线性渐变彩色条形图
const svg = d3.select("svg");
const gradient = svg.append("defs")
    .append("linearGradient")
    .attr("id", "gradient")
    .attr("x1", "0%")
    .attr("y1", "0%")
    .attr("x2", "100%")
    .attr("y2", "0%");

gradient.append("stop")
    .attr("offset", "0%")
    .style("stop-color", "red");

gradient.append("stop")
    .attr("offset", "100%")
    .style("stop-color", "blue");

svg.selectAll("rect")
    .data(data)
    .enter()
    .append("rect")
    .attr("x", (d, i) => i * 30)
    .attr("y", d => height - d.value)
    .attr("width", 25)
    .attr("height", d => d.value)
    .style("fill", "url(#gradient)");

// 示例代码：调整条形图宽度
svg.selectAll("rect")
    .data(data)
    .enter()
    .append("rect")
    .attr("x", (d, i) => i * 30)
    .attr("y", d => height - d.value)
    .attr("width", 25) // 统一宽度
    .attr("height", d => d.value)
    .style("fill", "url(#gradient)");

// 示例代码：调整渐变方向为径向渐变
const gradient = svg.append("defs")
    .append("radialGradient")
    .attr("id", "gradient")
    .attr("cx", "50%")
    .attr("cy", "50%")
    .attr("r", "50%");

gradient.append("stop")
    .attr("offset", "0%")
    .style("stop-color", "red");

gradient.append("stop")
    .attr("offset", "100%")
    .style("stop-color", "blue");