这是关于为Design Studio创建扩展组件的系列教程的一部分。

上一次，我们首先看了D3中的文本元素以及定位文本所需的属性。现在我们将了解如何定位标注。通常，我们将必须确定设计师可用的标注类型；测量数值标注和引导线数值标注。

最后，数据挖掘和大数据，out sandbox html文件将生成如下内容：

当设计师选择在量规上启用测量标注时，我们希望有几个选项来放置标注。

测量文本标注的定位非常简单。

除非我们定位在端点上，否则我们位于垂直中心轴上。文本元素的Y轴平移偏移始终与主弧的Y轴平移相同；我们将根据一组任意的垂直轴平移值来计算垂直位置。（见上图）。如果我们定位在端点，那么我们将使用基本三角法计算端点位置。进行此计算的函数非常简单：

下面的流程图显示了X轴和Y轴偏移平移，以及文本的最终垂直锚定，假定使用SVGbaseline属性。因为我们使用的是dy属性，这将转换为以下内容：

这将转换为以下JavaScript：

如果启用了引导线标注，国内云服务器哪家好，我们将创建一对文本标注；一个用于起始角度，一个用于结束角度。我们希望能够将这些引导线标注定位在引导线的端点处，智能家居物联网，或者沿着中点。在这两种情况下，我们都使用上面的endpoint（）函数，并且只使用lineLength=outerRadius；或lineLength=outerRadius/2。

通常，我们要遵循两个基本规则：

下面的两张图片显示了起始角标注和结束角标注的定位规则：

上面图片所需的导轨定位算法流程图如下：

此流程转换为以下JavaScript函数：

}

将所有代码放到我们的沙盒html文件中，我们得到以下代码，云计算与大数据，它显示了这个博客文章。下一次，我们将把这个新代码迁移到我们的组件中。您可以通过改变第205行的measureTextPositionType的值来尝试不同的测量文本位置。

，大数据与云计算