将 d3.parset 可视化效果旋转 90 度(使可视化效果变为水平而不是垂直)
Rotate d3.parset visualization 90 degrees (make horizontal instead of vertical)
我正在使用 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 度(即,从左到右而不是从上到下看到流动)?
不久前有人问我这个问题,我举了这个例子。
相关文章:
- 如何在谷歌可视化中组合数字和模式格式化程序
- 加载泰坦尼克号可视化数据时出现问题
- 如何使用图表包装函数有条件地格式化谷歌可视化表单元格
- AngularJS&Google可视化-使用状态更改处理程序(Google API)在HTML页面上查看$sco
- Javascript图形可视化工具包,具有高性能(500-1000个节点)
- Google可视化addListener调用函数引用错误
- 如何在web上动态可视化数据集
- 可视化到选择框中
- 从特定系列的谷歌可视化折线图中删除悬停工具提示
- 谷歌图表可视化仪表板数据源问题
- 在可视化中将CSS从悬停更改为单击
- 使用 d3 可视化快速射击的“点击”
- 为 D3 可视化创建平均 Y 线
- 谷歌可视化数据表间歇性问题
- Google 图表 - 设置选择不会滚动到表格可视化中的选定行
- 在纯HTML5中是否可以进行高级可视化编程
- 无法可视化百分比数字(获取 NaN)
- 如何修复谷歌可视化-材料线中的重叠问题
- 谷歌地图,基于国家代码可视化国家
- 将 d3.parset 可视化效果旋转 90 度(使可视化效果变为水平而不是垂直)