📅  最后修改于: 2020-10-26 06:11:23        🧑  作者: Mango

选择是文档对象模型（DOM）的强大的数据驱动型转换。它用于设置属性，样式，属性，HTML或文本内容等等。本章详细说明了选择API。配置API您可以使用以下脚本直接配置API。选择API方法以下是选择API中最重要的方法。d3.selection（）d3.select（选择器）d3.selectAll（选择器）selection.selectAll（选择器）selection.filter（过滤器）...

📅  最后修改于: 2020-10-26 06:11:54        🧑  作者: Mango

路径用于绘制矩形，圆形，椭圆形，折线，多边形，直线和曲线。 SVG路径表示可以被抚摸，填充，用作剪切路径或这三者的任意组合的形状的轮廓。本章将详细说明Paths API。配置路径您可以使用以下脚本配置Paths API。路径API方法下面简要介绍了一些最常用的Paths API方法。d3.path（）-此方法用于创建新路径。path.moveTo（x，y）-此方法用于移动指定的x和y值。path....

📅  最后修改于: 2020-10-26 06:12:29        🧑  作者: Mango

D3.js提供了缩放功能来执行数据转换。这些功能将输入域映射到输出范围。配置API我们可以使用以下脚本直接配置API。缩放API方法D3为不同类型的图表提供以下重要的缩放方法。接下来让我们详细了解。d3.scaleLinear（）-构造一个连续的线性比例尺，我们可以在其中输入数据（域）映射到指定的输出范围。d3.scaleIdentity（）-构造线性比例，其中输入数据与输出相同。d3.scale...

📅  最后修改于: 2020-10-26 06:12:58        🧑  作者: Mango

D3提供绘制轴的功能。轴由线，刻度和标签组成。轴使用比例尺，因此需要为每个轴指定比例尺。配置Axis API您可以使用以下脚本配置API。Axis API方法D3提供了以下重要功能来绘制轴。简要描述如下。d3.axisTop（）-此方法用于创建顶部水平轴。d3.axisRight（）-此方法用于创建垂直的右轴。d3.axisBottom（）-此方法用于创建底部水平轴。d3.axisLeft（）-创...

📅  最后修改于: 2020-10-26 06:13:41        🧑  作者: Mango

本章讨论D3.js中的不同形状生成器。配置API您可以使用以下脚本配置Shapes API。形状发生器D3.js支持不同的形状。让我们详细浏览突出的形状。Arcs API电弧发生器产生圆形或环形形状。我们在上一个饼图章节中使用了这些API方法。让我们详细了解各种Arcs API方法。d3.arc（）-此方法用于创建新的电弧发生器。arc（args）-用于生成具有指定给定参数的弧。定义对象半径和角度...

📅  最后修改于: 2020-10-26 06:14:25        🧑  作者: Mango

显示的颜色组合了红色，绿色和蓝色。可以通过以下不同方式指定颜色-按颜色名称作为RGB值作为十六进制值作为HSL值作为HWB值d3颜色API提供了各种颜色的表示形式。您可以在API中执行转换和操作操作。让我们详细了解这些操作。配置API您可以使用以下脚本直接加载API。基本操作让我们看一下D3中的基本颜色操作。将颜色值转换为HSL-要将颜色值转换为HSL，请使用以下示例–您可以如下所示将色相旋转45...

📅  最后修改于: 2020-10-26 06:14:57        🧑  作者: Mango

D3过渡选择元素并为每个元素选择；它将过渡应用于元素的当前定义的一部分。配置API您可以使用以下脚本配置过渡API。过渡API方法让我们详细介绍一下Transition API方法。选择元素让我们详细讨论各种选择元素。selection.transition（[name]）-此方法用于返回带有名称的新选择过渡。如果未指定名称，则返回null。selection.interrupt（[name]）-...

📅  最后修改于: 2020-10-26 06:15:28        🧑  作者: Mango

拖放是d3.js中最熟悉的概念之一。本章详细说明拖动及其方法。安装我们可以使用以下脚本直接包含拖动API。拖动API方法以下是D3.js中一些最重要的拖动API方法。d3.drag（）拖动（选择）drag.container（[container]）drag.filter（[过滤器]）drag.subject（[subject]）drag.clickDistance（[distance]）drag...

📅  最后修改于: 2020-10-26 06:16:17        🧑  作者: Mango

缩放有助于缩放内容。您可以使用单击和拖动方法将焦点放在特定区域上。在本章中，我们将详细讨论Zooming API。配置API您可以使用以下脚本直接从“ d3js.org”加载Zooming API。缩放API方法以下是一些最常用的Zooming API方法。d3.zoom（）缩放（选择）zoom.transform（选择，变换）zoom.translateBy（selection，x，y）zoom...

📅  最后修改于: 2020-10-26 06:16:58        🧑  作者: Mango

D3.js提供了一个执行XMLHttpRequest的请求API。本章详细说明了各种请求API。XMLHttpRequestXMLHttpRequest是内置的http客户端，用于模拟浏览器XMLHttpRequest对象。它可以与专为浏览器设计的JS一起使用，以改善代码的重用性并允许使用现有的库。您可以将模块包含在项目中，并用作基于浏览器的XHR对象，如下所述。它支持异步和同步请求，并执行GET...

📅  最后修改于: 2020-10-26 06:17:23        🧑  作者: Mango

定界符是一个或多个字符的序列，用于指定纯文本或其他数据中单独的独立区域之间的边界。字段定界符是一系列逗号分隔的值。分隔符分隔的值是逗号分隔的值（CSV）或制表符分隔的值（TSV）。本章详细说明定界符分隔的值。配置API我们可以使用以下语法轻松加载API。API方法以下是定界符分隔值的各种API方法。d3.csvParse（字符串[，行]）d3.csvParseRows（字符串[，行]）d3.csv...

📅  最后修改于: 2020-10-26 06:17:41        🧑  作者: Mango

计时器API模块用于以同步的定时延迟执行并发动画。它使用requestAnimationFrame进行动画处理。本章将详细介绍Timer API模块。requestAnimationFrame此方法告诉浏览器您希望执行动画，并请求浏览器调用指定的函数来更新动画。配置计时器我们可以使用以下脚本直接从d3js.org轻松加载计时器。计时器API方法Timer API支持以下重要方法。所有这些都详细解释...

📅  最后修改于: 2020-10-26 06:18:49        🧑  作者: Mango

让我们在本章中执行动画条形图。对于此示例，我们将人口记录的上一章中使用的data.csv文件作为数据集，并生成动画条形图。为此，我们需要执行以下步骤-步骤1-应用样式-使用下面给出的编码应用CSS样式。步骤2-定义变量-让我们使用下面的脚本定义SVG属性。步骤3-附加文本-现在，附加文本并使用下面的编码应用转换。步骤4-创建比例范围-在此步骤中，我们可以创建比例范围并追加组元素。定义如下。步骤5-...

📅  最后修改于: 2020-10-26 06:19:05        🧑  作者: Mango

以下资源包含有关D3.js的其他信息。请使用它们来获得有关此方面的更深入的知识。D3.js上的有用链接D3.js Wiki–D3.js的维基百科参考D3.js官方站点-D3.js的官方站点关于D3.js的有用书籍要在此页面上注册您的网站，请发送电子邮件至...

📅  最后修改于: 2020-10-26 06:19:18        🧑  作者: Mango

D3代表数据驱动的文档。 D3.js是一个JavaScript库，用于根据数据处理文档。 D3.js是一个动态的，交互式的，在线数据可视化框架，已在许多网站中使用。 D3.js由Mike Bostock编写，它是对称为Protovis的早期可视化工具包的继承者。本教程将为您提供有关D3.jsframework的完整知识。这是一个入门教程，涵盖了数据驱动文档的基础知识，并说明了如何处理其各种组件和子...