我们可用的 d3 交易品种列表

在哪里可以找到 d3.js 提供给我们的符号列表（由这行代码引用）：

 d3.svg.symbol().type(/*Name of the symbol type that is available to us to use*/'triangle')

一些可用的符号包括三角形、菱形。是否有任何记录整个列表的文档可供使用。

对于版本 4，有七个形状，而版本 3 中有六个形状（在另一个答案中引用）。

形状包含在数组中d3.symbols其中包含：

• d3.symbolCircle
• d3.symbolCross
• d3.symbolDiamond
• d3.symbolSquare
• d3.symbolStar（版本4新增）
• d3.symbolTriangle（v 4 中只有一个三角形，而 v3 中有 2 个）
• d3.symbolWye（“y”形符号，版本 4 中新增）

d3 文档照常涵盖主题很好在这里 https://github.com/d3/d3-shape#symbols.

为了显示符号，并显示如何使用数组动态设置形状，我在下面附加了一个片段：

var data = [0,1,2,3,4,5,6];
var svg = d3.select('body').append('svg').attr('width',400).attr('height',200);

svg.selectAll('.symbol')
   .data(data)
   .enter()
   .append('path')
   .attr('transform',function(d,i) { return 'translate('+(i*20+20)+','+30+')';})
   .attr('d', d3.symbol().type( function(d,i) { return d3.symbols[i];}) );

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.5.0/d3.js"></script>