D3.js从圆圈到三角形的可视化

时间：2012-08-02 19:54:43

标签： javascript svg d3.js transitions bubble-chart

是否有人知道如何将此图http://bost.ocks.org/mike/nations/中的圆圈更改为三角形并仍然动态增长和缩小？

enter image description here

2 个答案:

答案 0 :(得分：7)

有多种方法可以创建三角形;不使用任何几何体的一种方法是使用d3.svg.symbol类型为“triangle-up”。像这样：

答案 1 :(得分：0)

我认为代码几乎相同，但是您需要计算具有三条边的多边形顶点，而不是绘制圆形。重要的是，三角形的面积与它所代表的值成比例。查看多边形文档https://github.com/mbostock/d3/wiki/SVG-Shapes

相关问题
最新问题