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

时间:2016-03-17 16:52:22

标签: javascript d3.js svg

我正在使用d3 parsets来创建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度(即,从左到右而不是从上到下看流量)?

1 个答案:

答案 0 :(得分:3)

有一段时间有人问过我,我做了this example