将 d3.parset 可视化效果旋转 90 度(使可视化效果变为水平而不是垂直)

Rotate d3.parset visualization 90 degrees (make horizontal instead of vertical)

本文关键字:可视化 水平 垂直 parset d3 旋转      更新时间:2023-09-26

我正在使用 d3 parset 来创建 d3 可视化。我正在按照示例代码创建可视化:

var chart = d3.parsets()
  .dimensions(["Survived", "Sex", "Age", "Class"]);
var vis = d3.select("#vis").append("svg")
  .attr("width", chart.width())
  .attr("height", chart.height());
d3.csv("https://www.jasondavies.com/parallel-sets/titanic.csv", function(error, csv) {
  vis.datum(csv).call(chart);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.11/d3.min.js"></script>
<link href="https://www.jasondavies.com/parallel-sets/d3.parsets.css" rel="stylesheet" />
<script src="https://www.jasondavies.com/parallel-sets/d3.parsets.js"></script>
<body>
  <div id="vis"></div>
</body>

有没有一种简单的方法可以将最终结果旋转 90 度(即,从左到右而不是从上到下看到流动)?

不久前有人问我这个问题,我举了这个例子。