From fc34a2a806da9e1017c1713ea634d1c6b66a26a4 Mon Sep 17 00:00:00 2001 From: Benbinbin Date: Tue, 1 Oct 2024 00:10:25 +0800 Subject: [PATCH] update comments --- areachart/areachart-minimap-brush/app.js | 2 +- areachart/band-chart/app.js | 2 +- areachart/horizon-chart/app.js | 2 +- areachart/normalized-stacked-areachart/app.js | 2 +- areachart/pannable-areachart/app.js | 2 +- areachart/ridgeline-plot/app.js | 2 +- areachart/stacked-areachart/app.js | 2 +- areachart/static-areachart/app.js | 2 +- areachart/streamgraph-transition/app.js | 2 +- areachart/streamgraph/app.js | 2 +- areachart/us-population-by-state/app.js | 2 +- 11 files changed, 11 insertions(+), 11 deletions(-) diff --git a/areachart/areachart-minimap-brush/app.js b/areachart/areachart-minimap-brush/app.js index 23ecdde..5f5773d 100644 --- a/areachart/areachart-minimap-brush/app.js +++ b/areachart/areachart-minimap-brush/app.js @@ -237,7 +237,7 @@ d3.csv(dataURL, d3.autoType).then((aapl) => { // 再调用（自动传入选择集所绑定的数据）areaGenerator(data) 绘制面积形状 // ⚠️ 由于比例尺 y 的值域采用主图的尺寸，所以需要进行调整 // 这里使用方法 continuous.copy() 创建一个比例尺 y 的副本，然后再对该副本进行修改，并不影响原来的比例尺对象 - // 由于面积生成器并没有调用方法 area.context(parentDOM) 设置画布上下文 + // 由于面积生成器并没有调用方法 area.context(canvasContext) 设置画布上下文 // 所以调用面积生成器 area(aapl) 返回的结果是字符串 // 该值作为 `` 元素的属性 `d` 的值 .attr("d", area(x, y.copy().range([focusHeight - margin.bottom, 4]))); diff --git a/areachart/band-chart/app.js b/areachart/band-chart/app.js index f26d17c..a062efc 100644 --- a/areachart/band-chart/app.js +++ b/areachart/band-chart/app.js @@ -147,7 +147,7 @@ d3.csv(dataURL, d3.autoType).then((sftemp) => { .datum(sftemp) // 绑定数据 // 将面积的填充颜色设置为蓝色 .attr("fill", "steelblue") - // 由于面积生成器并没有调用方法 area.context(parentDOM) 设置画布上下文 + // 由于面积生成器并没有调用方法 area.context(canvasContext) 设置画布上下文 // 所以调用面积生成器 area 返回的结果是字符串 // 该值作为 `` 元素的属性 `d` 的值 .attr("d", area); diff --git a/areachart/horizon-chart/app.js b/areachart/horizon-chart/app.js index c9f43d1..97e2811 100644 --- a/areachart/horizon-chart/app.js +++ b/areachart/horizon-chart/app.js @@ -231,7 +231,7 @@ d3.csv(dataURL, d3.autoType).then((data) => { defs.append("path") // 为 设置属性 id，其属性值使用前面生成的 uid 唯一标识符（字符串），并（使用连字符 `"-"`）拼接上字符串 `"path"` 和索引值 i .attr("id", (_, i) => `${uid}-path-${i}`) - // 由于面积生成器并没有调用方法 area.context(parentDOM) 设置画布上下文 + // 由于面积生成器并没有调用方法 area.context(canvasContext) 设置画布上下文 // 所以调用面积生成器 area(values) 返回的结果是字符串 // 该值作为 `` 元素的属性 `d` 的值 // 💡 在前面为每个系列容器绑定的数据是 series，它是一个 InternMap 对象 diff --git a/areachart/normalized-stacked-areachart/app.js b/areachart/normalized-stacked-areachart/app.js index 27090bc..5850036 100644 --- a/areachart/normalized-stacked-areachart/app.js +++ b/areachart/normalized-stacked-areachart/app.js @@ -203,7 +203,7 @@ d3.csv(dataURL, d3.autoType).then((data) => { .data(series) // 绑定数据，每个路径元素 对应一个系列数据 .join("path") // 将元素绘制到页面上 .attr("fill", d => color(d.key)) // 设置颜色，不同系列/堆叠层对应不同的颜色 - // 由于面积生成器并没有调用方法 area.context(parentDOM) 设置画布上下文 + // 由于面积生成器并没有调用方法 area.context(canvasContext) 设置画布上下文 // 所以调用面积生成器 area 返回的结果是字符串 // 该值作为 `` 元素的属性 `d` 的值 .attr("d", area) diff --git a/areachart/pannable-areachart/app.js b/areachart/pannable-areachart/app.js index 238ce98..eb19620 100644 --- a/areachart/pannable-areachart/app.js +++ b/areachart/pannable-areachart/app.js @@ -183,7 +183,7 @@ d3.csv(dataURL, d3.autoType).then((data) => { .datum(data) // 将面积的填充颜色设置为蓝色 .attr("fill", "steelblue") - // 由于面积生成器并没有调用方法 area.context(parentDOM) 设置画布上下文 + // 由于面积生成器并没有调用方法 area.context(canvasContext) 设置画布上下文 // 所以调用面积生成器 area 返回的结果是字符串 // 该值作为 `` 元素的属性 `d` 的值 .attr("d", area); diff --git a/areachart/ridgeline-plot/app.js b/areachart/ridgeline-plot/app.js index b06eb7a..abb7ab9 100644 --- a/areachart/ridgeline-plot/app.js +++ b/areachart/ridgeline-plot/app.js @@ -224,7 +224,7 @@ d3.csv(dataURL, d3.autoType).then((traffic) => { // 将各个系列的面积图绘制到页面上 group.append("path") // 使用路径 元素绘制面积形状 .attr("fill", "#ddd") // 将面积的填充颜色设置为灰色 - // 由于面积生成器并没有调用方法 area.context(parentDOM) 设置画布上下文 + // 由于面积生成器并没有调用方法 area.context(canvasContext) 设置画布上下文 // 所以调用面积生成器 area(aapl) 返回的结果是字符串 // 该值作为 `` 元素的属性 `d` 的值 .attr("d", d => area(d.values)); diff --git a/areachart/stacked-areachart/app.js b/areachart/stacked-areachart/app.js index 8850939..3c7d6ed 100644 --- a/areachart/stacked-areachart/app.js +++ b/areachart/stacked-areachart/app.js @@ -196,7 +196,7 @@ d3.csv(dataURL, d3.autoType).then((data) => { .data(series) // 绑定数据，每个路径元素 对应一个系列数据 .join("path") // 将元素绘制到页面上 .attr("fill", d => color(d.key)) // 设置颜色，不同系列/堆叠层对应不同的颜色 - // 由于面积生成器并没有调用方法 area.context(parentDOM) 设置画布上下文 + // 由于面积生成器并没有调用方法 area.context(canvasContext) 设置画布上下文 // 所以调用面积生成器 area 返回的结果是字符串 // 该值作为 `` 元素的属性 `d` 的值 .attr("d", area) diff --git a/areachart/static-areachart/app.js b/areachart/static-areachart/app.js index 2c52e58..d6d7307 100644 --- a/areachart/static-areachart/app.js +++ b/areachart/static-areachart/app.js @@ -135,7 +135,7 @@ d3.csv(dataURL, d3.autoType).then((aapl) => { svg.append("path") // 使用路径 元素绘制面积形状 // 将面积的填充颜色设置为蓝色 .attr("fill", "steelblue") - // 由于面积生成器并没有调用方法 area.context(parentDOM) 设置画布上下文 + // 由于面积生成器并没有调用方法 area.context(canvasContext) 设置画布上下文 // 所以调用面积生成器 area(aapl) 返回的结果是字符串 // 该值作为 `` 元素的属性 `d` 的值 .attr("d", area(aapl)); diff --git a/areachart/streamgraph-transition/app.js b/areachart/streamgraph-transition/app.js index e312543..86eacb3 100644 --- a/areachart/streamgraph-transition/app.js +++ b/areachart/streamgraph-transition/app.js @@ -181,7 +181,7 @@ const area = d3.area() const path = svg.selectAll("path") // 返回一个选择集，其中虚拟/占位元素是一系列的 路径元素，用于绘制各系列的形状 .data(randomize) // 绑定数据，每个路径元素 对应一个系列数据 .join("path") // 将元素绘制到页面上 - // 由于面积生成器并没有调用方法 area.context(parentDOM) 设置画布上下文 + // 由于面积生成器并没有调用方法 area.context(canvasContext) 设置画布上下文 // 所以调用面积生成器 area 返回的结果是字符串 // 该值作为 `` 元素的属性 `d` 的值 .attr("d", area) diff --git a/areachart/streamgraph/app.js b/areachart/streamgraph/app.js index 6d884b6..800a424 100644 --- a/areachart/streamgraph/app.js +++ b/areachart/streamgraph/app.js @@ -220,7 +220,7 @@ d3.csv(dataURL, d3.autoType).then((data) => { .data(series) // 绑定数据，每个路径元素 对应一个系列数据 .join("path") // 将元素绘制到页面上 .attr("fill", d => color(d.key)) // 设置颜色，不同系列/堆叠层对应不同的颜色 - // 由于面积生成器并没有调用方法 area.context(parentDOM) 设置画布上下文 + // 由于面积生成器并没有调用方法 area.context(canvasContext) 设置画布上下文 // 所以调用面积生成器 area 返回的结果是字符串 // 该值作为 `` 元素的属性 `d` 的值 .attr("d", area) diff --git a/areachart/us-population-by-state/app.js b/areachart/us-population-by-state/app.js index b7da700..ede6274 100644 --- a/areachart/us-population-by-state/app.js +++ b/areachart/us-population-by-state/app.js @@ -237,7 +237,7 @@ const dataURL = // 其中所绑定数据是一个数组，但具有属性 key 表示该系列对应的州的名称，填充色是由该州所属的区域所决定的 // 首先通过映射 regionByState.get(key) 获取该州所对应的区域，然后使用颜色比例尺 color() 获取相应的颜色 .attr("fill", ({key}) => color(regionByState.get(key))) - // 由于面积生成器并没有调用方法 area.context(parentDOM) 设置画布上下文 + // 由于面积生成器并没有调用方法 area.context(canvasContext) 设置画布上下文 // 所以调用面积生成器 area 返回的结果是字符串 // 该值作为 `` 元素的属性 `d` 的值 .attr("d", area)