D3-Sankey未绘制

要解决"D3-Sankey未绘制"的问题，首先需要确保正确的引入D3.js和Sankey插件。然后，按照以下步骤操作：

1. 创建一个用于绘制Sankey图的容器元素，例如一个div元素：

<div id="sankeyChart"></div>

2. 在JavaScript代码中，使用D3.js的选择器选择容器元素，并设置图表的宽度和高度：

var width = 500;  // 设置图表宽度
var height = 300;  // 设置图表高度

var svg = d3.select("#sankeyChart")
  .append("svg")
  .attr("width", width)
  .attr("height", height);

3. 加载数据并绘制Sankey图。根据你的数据来源和格式，可以使用D3.js的数据加载方法（如d3.json、d3.csv等）加载数据，然后使用Sankey插件创建Sankey图。以下示例使用了随机生成的数据：

var data = {
  nodes: [
    {name: "Node 1"},
    {name: "Node 2"},
    {name: "Node 3"}
  ],
  links: [
    {source: 0, target: 1, value: 10},
    {source: 1, target: 2, value: 5}
  ]
};

var sankey = d3.sankey()
  .size([width, height])
  .nodeWidth(50)
  .nodePadding(10)
  .nodes(data.nodes)
  .links(data.links)
  .layout(32);

var path = sankey.link();

svg.append("g")
  .selectAll(".link")
  .data(data.links)
  .enter()
  .append("path")
  .attr("class", "link")
  .attr("d", path)
  .style("stroke-width", function(d) { return Math.max(1, d.dy); })
  .style("stroke", "#000");

svg.append("g")
  .selectAll(".node")
  .data(data.nodes)
  .enter()
  .append("rect")
  .attr("class", "node")
  .attr("x", function(d) { return d.x; })
  .attr("y", function(d) { return d.y; })
  .attr("height", function(d) { return d.dy; })
  .attr("width", sankey.nodeWidth())
  .style("fill", "#aaa");

svg.append("g")
  .selectAll(".node")
  .data(data.nodes)
  .enter()
  .append("text")
  .attr("class", "node")
  .attr("x", function(d) { return d.x + sankey.nodeWidth() / 2; })
  .attr("y", function(d) { return d.y + d.dy / 2; })
  .attr("dy", ".35em")
  .text(function(d) { return d.name; })
  .style("font-size", "12px")
  .style("text-anchor", "middle");

以上代码会将Sankey图绘制在id为"sankeyChart"的div元素中。根据具体需求，你可以根据自己的数据和样式需求进行修改。