@d3plus/core 3.0.11 → 3.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +60 -60
- package/es/src/charts/Geomap.js +5 -33
- package/es/src/charts/drawSteps/drawColorScale.js +7 -2
- package/es/src/components/Axis.js +4 -10
- package/package.json +8 -8
- package/umd/d3plus-core.full.js +115 -353
- package/umd/d3plus-core.full.js.map +1 -1
- package/umd/d3plus-core.full.min.js +699 -719
- package/umd/d3plus-core.js +10 -38
- package/umd/d3plus-core.js.map +1 -1
- package/umd/d3plus-core.min.js +5 -6
package/README.md
CHANGED
|
@@ -205,7 +205,7 @@ Extends the Pie visualization to create a donut chart.
|
|
|
205
205
|
---
|
|
206
206
|
|
|
207
207
|
<a name="Geomap"></a>
|
|
208
|
-
#### **Geomap** [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
208
|
+
#### **Geomap** [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L50)
|
|
209
209
|
|
|
210
210
|
|
|
211
211
|
This is a global class, and extends all of the methods and functionality of [<code>Viz</code>](#Viz).
|
|
@@ -241,7 +241,7 @@ Creates a geographical map with zooming, panning, image tiles, and the ability t
|
|
|
241
241
|
|
|
242
242
|
|
|
243
243
|
|
|
244
|
-
<a name="Geomap.fitFilter" href="#Geomap.fitFilter">#</a> Geomap.**fitFilter**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
244
|
+
<a name="Geomap.fitFilter" href="#Geomap.fitFilter">#</a> Geomap.**fitFilter**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L501)
|
|
245
245
|
|
|
246
246
|
Topojson files sometimes include small geographies that negatively impact how the library determines the default zoom level (for example, a small island or territory far off the coast that is barely visible to the eye). The fitFilter method can be used to remove specific geographies from the logic used to determine the zooming.
|
|
247
247
|
|
|
@@ -251,7 +251,7 @@ The *value* passed can be a single id to remove, an array of ids, or a filter fu
|
|
|
251
251
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
252
252
|
|
|
253
253
|
|
|
254
|
-
<a name="Geomap.fitKey" href="#Geomap.fitKey">#</a> Geomap.**fitKey**(*value*) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
254
|
+
<a name="Geomap.fitKey" href="#Geomap.fitKey">#</a> Geomap.**fitKey**(*value*) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L519)
|
|
255
255
|
|
|
256
256
|
If the topojson being used to determine the zoom fit (either the main [topojson](#Geomap.topojson) object or the [fitObject](#Geomap.fitObject)) contains multiple geographical sets (for example, a file containing state and county boundaries), use this method to indentify which set to use for the zoom fit.
|
|
257
257
|
|
|
@@ -261,7 +261,7 @@ If not specified, the first key in the *Array* returned from using `Object.keys`
|
|
|
261
261
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
262
262
|
|
|
263
263
|
|
|
264
|
-
<a name="Geomap.fitObject" href="#Geomap.fitObject">#</a> Geomap.**fitObject**(*data*, [*formatter*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
264
|
+
<a name="Geomap.fitObject" href="#Geomap.fitObject">#</a> Geomap.**fitObject**(*data*, [*formatter*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L537)
|
|
265
265
|
|
|
266
266
|
The topojson to be used for the initial projection [fit extent](https://github.com/d3/d3-geo#projection_fitExtent). The value passed should either be a valid Topojson *Object* or a *String* representing a filepath or URL to be loaded.
|
|
267
267
|
|
|
@@ -271,7 +271,7 @@ Additionally, a custom formatting function can be passed as a second argument to
|
|
|
271
271
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
272
272
|
|
|
273
273
|
|
|
274
|
-
<a name="Geomap.ocean" href="#Geomap.ocean">#</a> Geomap.**ocean**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
274
|
+
<a name="Geomap.ocean" href="#Geomap.ocean">#</a> Geomap.**ocean**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L552)
|
|
275
275
|
|
|
276
276
|
The color visible behind any shapes drawn on the map projection. By default, a color value matching the color used in the map tiles is used to help mask the loading time needed to render the tiles. Any value CSS color value may be used, including hexidecimal, rgb, rgba, and color strings like `"blue"` and `"transparent"`.
|
|
277
277
|
|
|
@@ -279,7 +279,7 @@ The color visible behind any shapes drawn on the map projection. By default, a c
|
|
|
279
279
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
280
280
|
|
|
281
281
|
|
|
282
|
-
<a name="Geomap.point" href="#Geomap.point">#</a> Geomap.**point**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
282
|
+
<a name="Geomap.point" href="#Geomap.point">#</a> Geomap.**point**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L562)
|
|
283
283
|
|
|
284
284
|
The accessor to be used when detecting coordinate points in the objects passed to the [data](https://d3plus.org/docs/#Viz.data) method. Values are expected to be in the format `[longitude, latitude]`, which is in-line with d3's expected coordinate mapping.
|
|
285
285
|
|
|
@@ -287,7 +287,7 @@ The accessor to be used when detecting coordinate points in the objects passed t
|
|
|
287
287
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
288
288
|
|
|
289
289
|
|
|
290
|
-
<a name="Geomap.pointSize" href="#Geomap.pointSize">#</a> Geomap.**pointSize**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
290
|
+
<a name="Geomap.pointSize" href="#Geomap.pointSize">#</a> Geomap.**pointSize**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L574)
|
|
291
291
|
|
|
292
292
|
The accessor or static value to be used for sizing coordinate points.
|
|
293
293
|
|
|
@@ -295,7 +295,7 @@ The accessor or static value to be used for sizing coordinate points.
|
|
|
295
295
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
296
296
|
|
|
297
297
|
|
|
298
|
-
<a name="Geomap.pointSizeMax" href="#Geomap.pointSizeMax">#</a> Geomap.**pointSizeMax**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
298
|
+
<a name="Geomap.pointSizeMax" href="#Geomap.pointSizeMax">#</a> Geomap.**pointSizeMax**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L586)
|
|
299
299
|
|
|
300
300
|
The maximum pixel radius used in the scale for sizing coordinate points.
|
|
301
301
|
|
|
@@ -303,7 +303,7 @@ The maximum pixel radius used in the scale for sizing coordinate points.
|
|
|
303
303
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
304
304
|
|
|
305
305
|
|
|
306
|
-
<a name="Geomap.pointSizeMin" href="#Geomap.pointSizeMin">#</a> Geomap.**pointSizeMin**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
306
|
+
<a name="Geomap.pointSizeMin" href="#Geomap.pointSizeMin">#</a> Geomap.**pointSizeMin**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L598)
|
|
307
307
|
|
|
308
308
|
The minimum pixel radius used in the scale for sizing coordinate points.
|
|
309
309
|
|
|
@@ -311,7 +311,7 @@ The minimum pixel radius used in the scale for sizing coordinate points.
|
|
|
311
311
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
312
312
|
|
|
313
313
|
|
|
314
|
-
<a name="Geomap.projection" href="#Geomap.projection">#</a> Geomap.**projection**(*projection*) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
314
|
+
<a name="Geomap.projection" href="#Geomap.projection">#</a> Geomap.**projection**(*projection*) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L610)
|
|
315
315
|
|
|
316
316
|
Sets the map projection used when displaying topojson and coordinate points. All of the projections exported from [d3-geo](https://github.com/d3/d3-geo#projections), [d3-geo-projection](https://github.com/d3/d3-geo-projection#api-reference), and [d3-composite-projections](http://geoexamples.com/d3-composite-projections/) are accepted, whether as the string name (ie. "geoMercator") or the generator function itself. Map tiles are only usable when the projection is set to Mercator (which is also the default value).
|
|
317
317
|
|
|
@@ -319,7 +319,7 @@ Sets the map projection used when displaying topojson and coordinate points. All
|
|
|
319
319
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
320
320
|
|
|
321
321
|
|
|
322
|
-
<a name="Geomap.projectionPadding" href="#Geomap.projectionPadding">#</a> Geomap.**projectionPadding**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
322
|
+
<a name="Geomap.projectionPadding" href="#Geomap.projectionPadding">#</a> Geomap.**projectionPadding**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L629)
|
|
323
323
|
|
|
324
324
|
The outer padding between the edge of the visualization and the shapes drawn. The value passed can be either a single number to be used on all sides, or a CSS string pattern (ie. `"20px 0 10px"`).
|
|
325
325
|
|
|
@@ -327,7 +327,7 @@ The outer padding between the edge of the visualization and the shapes drawn. Th
|
|
|
327
327
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
328
328
|
|
|
329
329
|
|
|
330
|
-
<a name="Geomap.projectionRotate" href="#Geomap.projectionRotate">#</a> Geomap.**projectionRotate**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
330
|
+
<a name="Geomap.projectionRotate" href="#Geomap.projectionRotate">#</a> Geomap.**projectionRotate**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L641)
|
|
331
331
|
|
|
332
332
|
An array that corresponds to the value passed to the projection's [rotate](https://github.com/d3/d3-geo#projection_rotate) function. Use this method to shift the centerpoint of a map.
|
|
333
333
|
|
|
@@ -335,7 +335,7 @@ An array that corresponds to the value passed to the projection's [rotate](https
|
|
|
335
335
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
336
336
|
|
|
337
337
|
|
|
338
|
-
<a name="Geomap.tiles" href="#Geomap.tiles">#</a> Geomap.**tiles**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
338
|
+
<a name="Geomap.tiles" href="#Geomap.tiles">#</a> Geomap.**tiles**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L658)
|
|
339
339
|
|
|
340
340
|
Toggles the visibility of the map tiles.
|
|
341
341
|
|
|
@@ -343,7 +343,7 @@ Toggles the visibility of the map tiles.
|
|
|
343
343
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
344
344
|
|
|
345
345
|
|
|
346
|
-
<a name="Geomap.tileUrl" href="#Geomap.tileUrl">#</a> Geomap.**tileUrl**([url]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
346
|
+
<a name="Geomap.tileUrl" href="#Geomap.tileUrl">#</a> Geomap.**tileUrl**([url]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L675)
|
|
347
347
|
|
|
348
348
|
By default, d3plus uses the `light_all` style provided by [CARTO](https://carto.com/location-data-services/basemaps/) for it's map tiles. The [tileUrl](https://d3plus.org/docs/#Geomap.tileUrl) method changes the base URL used for fetching the tiles, as long as the string passed contains `{x}`, `{y}`, and `{z}` variables enclosed in curly brackets for the zoom logic to load the correct tiles.
|
|
349
349
|
|
|
@@ -351,7 +351,7 @@ By default, d3plus uses the `light_all` style provided by [CARTO](https://carto.
|
|
|
351
351
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
352
352
|
|
|
353
353
|
|
|
354
|
-
<a name="Geomap.topojson" href="#Geomap.topojson">#</a> Geomap.**topojson**(*data*, [*formatter*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
354
|
+
<a name="Geomap.topojson" href="#Geomap.topojson">#</a> Geomap.**topojson**(*data*, [*formatter*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L694)
|
|
355
355
|
|
|
356
356
|
The topojson to be used for drawing geographical paths. The value passed should either be a valid Topojson *Object* or a *String* representing a filepath or URL to be loaded.
|
|
357
357
|
|
|
@@ -361,7 +361,7 @@ Additionally, a custom formatting function can be passed as a second argument to
|
|
|
361
361
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
362
362
|
|
|
363
363
|
|
|
364
|
-
<a name="Geomap.topojsonFill" href="#Geomap.topojsonFill">#</a> Geomap.**topojsonFill**(*value*) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
364
|
+
<a name="Geomap.topojsonFill" href="#Geomap.topojsonFill">#</a> Geomap.**topojsonFill**(*value*) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L709)
|
|
365
365
|
|
|
366
366
|
The function is used to set default color of the map.
|
|
367
367
|
|
|
@@ -369,7 +369,7 @@ The function is used to set default color of the map.
|
|
|
369
369
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
370
370
|
|
|
371
371
|
|
|
372
|
-
<a name="Geomap.topojsonFilter" href="#Geomap.topojsonFilter">#</a> Geomap.**topojsonFilter**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
372
|
+
<a name="Geomap.topojsonFilter" href="#Geomap.topojsonFilter">#</a> Geomap.**topojsonFilter**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L723)
|
|
373
373
|
|
|
374
374
|
If the [topojson](#Geomap.topojson) being used contains boundaries that should not be shown, this method can be used to filter them out of the final output. The *value* passed can be a single id to remove, an array of ids, or a filter function.
|
|
375
375
|
|
|
@@ -377,7 +377,7 @@ If the [topojson](#Geomap.topojson) being used contains boundaries that should n
|
|
|
377
377
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
378
378
|
|
|
379
379
|
|
|
380
|
-
<a name="Geomap.topojsonKey" href="#Geomap.topojsonKey">#</a> Geomap.**topojsonKey**(*value*) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
380
|
+
<a name="Geomap.topojsonKey" href="#Geomap.topojsonKey">#</a> Geomap.**topojsonKey**(*value*) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L741)
|
|
381
381
|
|
|
382
382
|
If the [topojson](#Geomap.topojson) contains multiple geographical sets (for example, a file containing state and county boundaries), use this method to indentify which set to use.
|
|
383
383
|
|
|
@@ -387,7 +387,7 @@ If not specified, the first key in the *Array* returned from using `Object.keys`
|
|
|
387
387
|
This is a static method of [<code>Geomap</code>](#Geomap), and is chainable with other methods of this Class.
|
|
388
388
|
|
|
389
389
|
|
|
390
|
-
<a name="Geomap.topojsonId" href="#Geomap.topojsonId">#</a> Geomap.**topojsonId**(*value*) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#
|
|
390
|
+
<a name="Geomap.topojsonId" href="#Geomap.topojsonId">#</a> Geomap.**topojsonId**(*value*) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/charts/Geomap.js#L756)
|
|
391
391
|
|
|
392
392
|
The accessor used to map each topojson geometry to it's corresponding [data](https://d3plus.org/docs/#Viz.data) point.
|
|
393
393
|
|
|
@@ -2738,7 +2738,7 @@ This is a static method of [<code>Viz</code>](#Viz), and is chainable with other
|
|
|
2738
2738
|
---
|
|
2739
2739
|
|
|
2740
2740
|
<a name="Axis"></a>
|
|
2741
|
-
#### **Axis** [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2741
|
+
#### **Axis** [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L154)
|
|
2742
2742
|
|
|
2743
2743
|
|
|
2744
2744
|
This is a global class, and extends all of the methods and functionality of [<code>BaseClass</code>](#BaseClass).
|
|
@@ -2796,7 +2796,7 @@ Creates an SVG scale based on an array of data.
|
|
|
2796
2796
|
|
|
2797
2797
|
|
|
2798
2798
|
|
|
2799
|
-
<a name="Axis.render" href="#Axis.render">#</a> Axis.**render**([*callback*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2799
|
+
<a name="Axis.render" href="#Axis.render">#</a> Axis.**render**([*callback*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L434)
|
|
2800
2800
|
|
|
2801
2801
|
Renders the current Axis to the page. If a *callback* is specified, it will be called once the legend is done drawing.
|
|
2802
2802
|
|
|
@@ -2804,7 +2804,7 @@ Renders the current Axis to the page. If a *callback* is specified, it will be c
|
|
|
2804
2804
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2805
2805
|
|
|
2806
2806
|
|
|
2807
|
-
<a name="Axis.align" href="#Axis.align">#</a> Axis.**align**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2807
|
+
<a name="Axis.align" href="#Axis.align">#</a> Axis.**align**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1349)
|
|
2808
2808
|
|
|
2809
2809
|
If *value* is specified, sets the horizontal alignment to the specified value and returns the current class instance.
|
|
2810
2810
|
|
|
@@ -2812,7 +2812,7 @@ If *value* is specified, sets the horizontal alignment to the specified value an
|
|
|
2812
2812
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2813
2813
|
|
|
2814
2814
|
|
|
2815
|
-
<a name="Axis.barConfig" href="#Axis.barConfig">#</a> Axis.**barConfig**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2815
|
+
<a name="Axis.barConfig" href="#Axis.barConfig">#</a> Axis.**barConfig**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1359)
|
|
2816
2816
|
|
|
2817
2817
|
If *value* is specified, sets the axis line style and returns the current class instance.
|
|
2818
2818
|
|
|
@@ -2820,7 +2820,7 @@ If *value* is specified, sets the axis line style and returns the current class
|
|
|
2820
2820
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2821
2821
|
|
|
2822
2822
|
|
|
2823
|
-
<a name="Axis.data" href="#Axis.data">#</a> Axis.**data**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2823
|
+
<a name="Axis.data" href="#Axis.data">#</a> Axis.**data**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1371)
|
|
2824
2824
|
|
|
2825
2825
|
An array of data points, which helps determine which ticks should be shown and which time resolution should be displayed.
|
|
2826
2826
|
|
|
@@ -2828,7 +2828,7 @@ An array of data points, which helps determine which ticks should be shown and w
|
|
|
2828
2828
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2829
2829
|
|
|
2830
2830
|
|
|
2831
|
-
<a name="Axis.domain" href="#Axis.domain">#</a> Axis.**domain**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2831
|
+
<a name="Axis.domain" href="#Axis.domain">#</a> Axis.**domain**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1381)
|
|
2832
2832
|
|
|
2833
2833
|
If *value* is specified, sets the scale domain of the axis and returns the current class instance.
|
|
2834
2834
|
|
|
@@ -2836,7 +2836,7 @@ If *value* is specified, sets the scale domain of the axis and returns the curre
|
|
|
2836
2836
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2837
2837
|
|
|
2838
2838
|
|
|
2839
|
-
<a name="Axis.duration" href="#Axis.duration">#</a> Axis.**duration**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2839
|
+
<a name="Axis.duration" href="#Axis.duration">#</a> Axis.**duration**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1391)
|
|
2840
2840
|
|
|
2841
2841
|
If *value* is specified, sets the transition duration of the axis and returns the current class instance.
|
|
2842
2842
|
|
|
@@ -2844,7 +2844,7 @@ If *value* is specified, sets the transition duration of the axis and returns th
|
|
|
2844
2844
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2845
2845
|
|
|
2846
2846
|
|
|
2847
|
-
<a name="Axis.grid" href="#Axis.grid">#</a> Axis.**grid**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2847
|
+
<a name="Axis.grid" href="#Axis.grid">#</a> Axis.**grid**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1401)
|
|
2848
2848
|
|
|
2849
2849
|
If *value* is specified, sets the grid values of the axis and returns the current class instance.
|
|
2850
2850
|
|
|
@@ -2852,7 +2852,7 @@ If *value* is specified, sets the grid values of the axis and returns the curren
|
|
|
2852
2852
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2853
2853
|
|
|
2854
2854
|
|
|
2855
|
-
<a name="Axis.gridConfig" href="#Axis.gridConfig">#</a> Axis.**gridConfig**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2855
|
+
<a name="Axis.gridConfig" href="#Axis.gridConfig">#</a> Axis.**gridConfig**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1411)
|
|
2856
2856
|
|
|
2857
2857
|
If *value* is specified, sets the grid config of the axis and returns the current class instance.
|
|
2858
2858
|
|
|
@@ -2860,7 +2860,7 @@ If *value* is specified, sets the grid config of the axis and returns the curren
|
|
|
2860
2860
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2861
2861
|
|
|
2862
2862
|
|
|
2863
|
-
<a name="Axis.gridLog" href="#Axis.gridLog">#</a> Axis.**gridLog**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2863
|
+
<a name="Axis.gridLog" href="#Axis.gridLog">#</a> Axis.**gridLog**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1423)
|
|
2864
2864
|
|
|
2865
2865
|
If *value* is specified, sets the grid behavior of the axis when scale is logarithmic and returns the current class instance.
|
|
2866
2866
|
|
|
@@ -2868,7 +2868,7 @@ If *value* is specified, sets the grid behavior of the axis when scale is logari
|
|
|
2868
2868
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2869
2869
|
|
|
2870
2870
|
|
|
2871
|
-
<a name="Axis.gridSize" href="#Axis.gridSize">#</a> Axis.**gridSize**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2871
|
+
<a name="Axis.gridSize" href="#Axis.gridSize">#</a> Axis.**gridSize**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1433)
|
|
2872
2872
|
|
|
2873
2873
|
If *value* is specified, sets the grid size of the axis and returns the current class instance.
|
|
2874
2874
|
|
|
@@ -2876,7 +2876,7 @@ If *value* is specified, sets the grid size of the axis and returns the current
|
|
|
2876
2876
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2877
2877
|
|
|
2878
2878
|
|
|
2879
|
-
<a name="Axis.height" href="#Axis.height">#</a> Axis.**height**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2879
|
+
<a name="Axis.height" href="#Axis.height">#</a> Axis.**height**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1443)
|
|
2880
2880
|
|
|
2881
2881
|
If *value* is specified, sets the overall height of the axis and returns the current class instance.
|
|
2882
2882
|
|
|
@@ -2884,7 +2884,7 @@ If *value* is specified, sets the overall height of the axis and returns the cur
|
|
|
2884
2884
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2885
2885
|
|
|
2886
2886
|
|
|
2887
|
-
<a name="Axis.labels" href="#Axis.labels">#</a> Axis.**labels**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2887
|
+
<a name="Axis.labels" href="#Axis.labels">#</a> Axis.**labels**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1453)
|
|
2888
2888
|
|
|
2889
2889
|
If *value* is specified, sets the visible tick labels of the axis and returns the current class instance.
|
|
2890
2890
|
|
|
@@ -2892,7 +2892,7 @@ If *value* is specified, sets the visible tick labels of the axis and returns th
|
|
|
2892
2892
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2893
2893
|
|
|
2894
2894
|
|
|
2895
|
-
<a name="Axis.labelOffset" href="#Axis.labelOffset">#</a> Axis.**labelOffset**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2895
|
+
<a name="Axis.labelOffset" href="#Axis.labelOffset">#</a> Axis.**labelOffset**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1463)
|
|
2896
2896
|
|
|
2897
2897
|
If *value* is specified, sets whether offsets will be used to position some labels further away from the axis in order to allow space for the text.
|
|
2898
2898
|
|
|
@@ -2900,7 +2900,7 @@ If *value* is specified, sets whether offsets will be used to position some labe
|
|
|
2900
2900
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2901
2901
|
|
|
2902
2902
|
|
|
2903
|
-
<a name="Axis.labelRotation" href="#Axis.labelRotation">#</a> Axis.**labelRotation**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2903
|
+
<a name="Axis.labelRotation" href="#Axis.labelRotation">#</a> Axis.**labelRotation**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1475)
|
|
2904
2904
|
|
|
2905
2905
|
If *value* is specified, sets whether whether horizontal axis labels are rotated -90 degrees.
|
|
2906
2906
|
|
|
@@ -2908,7 +2908,7 @@ If *value* is specified, sets whether whether horizontal axis labels are rotated
|
|
|
2908
2908
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2909
2909
|
|
|
2910
2910
|
|
|
2911
|
-
<a name="Axis.maxSize" href="#Axis.maxSize">#</a> Axis.**maxSize**(_) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2911
|
+
<a name="Axis.maxSize" href="#Axis.maxSize">#</a> Axis.**maxSize**(_) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1487)
|
|
2912
2912
|
|
|
2913
2913
|
If *value* is specified, sets the maximum size allowed for the space that contains the axis tick labels and title.
|
|
2914
2914
|
|
|
@@ -2916,7 +2916,7 @@ If *value* is specified, sets the maximum size allowed for the space that contai
|
|
|
2916
2916
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2917
2917
|
|
|
2918
2918
|
|
|
2919
|
-
<a name="Axis.minSize" href="#Axis.minSize">#</a> Axis.**minSize**(_) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2919
|
+
<a name="Axis.minSize" href="#Axis.minSize">#</a> Axis.**minSize**(_) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1497)
|
|
2920
2920
|
|
|
2921
2921
|
If *value* is specified, sets the minimum size alloted for the space that contains the axis tick labels and title.
|
|
2922
2922
|
|
|
@@ -2924,7 +2924,7 @@ If *value* is specified, sets the minimum size alloted for the space that contai
|
|
|
2924
2924
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2925
2925
|
|
|
2926
2926
|
|
|
2927
|
-
<a name="Axis.orient" href="#Axis.orient">#</a> Axis.**orient**([*orient*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2927
|
+
<a name="Axis.orient" href="#Axis.orient">#</a> Axis.**orient**([*orient*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1507)
|
|
2928
2928
|
|
|
2929
2929
|
If *orient* is specified, sets the orientation of the shape and returns the current class instance. If *orient* is not specified, returns the current orientation.
|
|
2930
2930
|
|
|
@@ -2932,7 +2932,7 @@ If *orient* is specified, sets the orientation of the shape and returns the curr
|
|
|
2932
2932
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2933
2933
|
|
|
2934
2934
|
|
|
2935
|
-
<a name="Axis.outerBounds" href="#Axis.outerBounds">#</a> Axis.**outerBounds**() [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2935
|
+
<a name="Axis.outerBounds" href="#Axis.outerBounds">#</a> Axis.**outerBounds**() [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1532)
|
|
2936
2936
|
|
|
2937
2937
|
If called after the elements have been drawn to DOM, will returns the outer bounds of the axis content.
|
|
2938
2938
|
|
|
@@ -2945,7 +2945,7 @@ This is a static method of [<code>Axis</code>](#Axis)
|
|
|
2945
2945
|
```
|
|
2946
2946
|
|
|
2947
2947
|
|
|
2948
|
-
<a name="Axis.padding" href="#Axis.padding">#</a> Axis.**padding**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2948
|
+
<a name="Axis.padding" href="#Axis.padding">#</a> Axis.**padding**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1542)
|
|
2949
2949
|
|
|
2950
2950
|
If *value* is specified, sets the padding between each tick label to the specified number and returns the current class instance.
|
|
2951
2951
|
|
|
@@ -2953,7 +2953,7 @@ If *value* is specified, sets the padding between each tick label to the specifi
|
|
|
2953
2953
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2954
2954
|
|
|
2955
2955
|
|
|
2956
|
-
<a name="Axis.paddingInner" href="#Axis.paddingInner">#</a> Axis.**paddingInner**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2956
|
+
<a name="Axis.paddingInner" href="#Axis.paddingInner">#</a> Axis.**paddingInner**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1552)
|
|
2957
2957
|
|
|
2958
2958
|
If *value* is specified, sets the inner padding of band scale to the specified number and returns the current class instance.
|
|
2959
2959
|
|
|
@@ -2961,7 +2961,7 @@ If *value* is specified, sets the inner padding of band scale to the specified n
|
|
|
2961
2961
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2962
2962
|
|
|
2963
2963
|
|
|
2964
|
-
<a name="Axis.paddingOuter" href="#Axis.paddingOuter">#</a> Axis.**paddingOuter**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2964
|
+
<a name="Axis.paddingOuter" href="#Axis.paddingOuter">#</a> Axis.**paddingOuter**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1564)
|
|
2965
2965
|
|
|
2966
2966
|
If *value* is specified, sets the outer padding of band scales to the specified number and returns the current class instance.
|
|
2967
2967
|
|
|
@@ -2969,7 +2969,7 @@ If *value* is specified, sets the outer padding of band scales to the specified
|
|
|
2969
2969
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2970
2970
|
|
|
2971
2971
|
|
|
2972
|
-
<a name="Axis.range" href="#Axis.range">#</a> Axis.**range**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2972
|
+
<a name="Axis.range" href="#Axis.range">#</a> Axis.**range**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1576)
|
|
2973
2973
|
|
|
2974
2974
|
If *value* is specified, sets the scale range (in pixels) of the axis and returns the current class instance. The given array must have 2 values, but one may be `undefined` to allow the default behavior for that value.
|
|
2975
2975
|
|
|
@@ -2977,7 +2977,7 @@ If *value* is specified, sets the scale range (in pixels) of the axis and return
|
|
|
2977
2977
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2978
2978
|
|
|
2979
2979
|
|
|
2980
|
-
<a name="Axis.rounding" href="#Axis.rounding">#</a> Axis.**rounding**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2980
|
+
<a name="Axis.rounding" href="#Axis.rounding">#</a> Axis.**rounding**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1586)
|
|
2981
2981
|
|
|
2982
2982
|
Sets the rounding method, so that more evenly spaced ticks appear at the extents of the scale. Can be set to "none" (default), "outside", or "inside".
|
|
2983
2983
|
|
|
@@ -2985,7 +2985,7 @@ Sets the rounding method, so that more evenly spaced ticks appear at the extents
|
|
|
2985
2985
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2986
2986
|
|
|
2987
2987
|
|
|
2988
|
-
<a name="Axis.roundingInsideMinPrefix" href="#Axis.roundingInsideMinPrefix">#</a> Axis.**roundingInsideMinPrefix**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2988
|
+
<a name="Axis.roundingInsideMinPrefix" href="#Axis.roundingInsideMinPrefix">#</a> Axis.**roundingInsideMinPrefix**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1596)
|
|
2989
2989
|
|
|
2990
2990
|
Sets the prefix used for the minimum value of "inside" rounding scales.
|
|
2991
2991
|
|
|
@@ -2993,7 +2993,7 @@ Sets the prefix used for the minimum value of "inside" rounding scales.
|
|
|
2993
2993
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
2994
2994
|
|
|
2995
2995
|
|
|
2996
|
-
<a name="Axis.roundingInsideMinSuffix" href="#Axis.roundingInsideMinSuffix">#</a> Axis.**roundingInsideMinSuffix**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
2996
|
+
<a name="Axis.roundingInsideMinSuffix" href="#Axis.roundingInsideMinSuffix">#</a> Axis.**roundingInsideMinSuffix**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1608)
|
|
2997
2997
|
|
|
2998
2998
|
Sets the suffix used for the minimum value of "inside" rounding scales.
|
|
2999
2999
|
|
|
@@ -3001,7 +3001,7 @@ Sets the suffix used for the minimum value of "inside" rounding scales.
|
|
|
3001
3001
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3002
3002
|
|
|
3003
3003
|
|
|
3004
|
-
<a name="Axis.roundingInsideMaxPrefix" href="#Axis.roundingInsideMaxPrefix">#</a> Axis.**roundingInsideMaxPrefix**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3004
|
+
<a name="Axis.roundingInsideMaxPrefix" href="#Axis.roundingInsideMaxPrefix">#</a> Axis.**roundingInsideMaxPrefix**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1620)
|
|
3005
3005
|
|
|
3006
3006
|
Sets the prefix used for the maximum value of "inside" rounding scales.
|
|
3007
3007
|
|
|
@@ -3009,7 +3009,7 @@ Sets the prefix used for the maximum value of "inside" rounding scales.
|
|
|
3009
3009
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3010
3010
|
|
|
3011
3011
|
|
|
3012
|
-
<a name="Axis.roundingInsideMaxSuffix" href="#Axis.roundingInsideMaxSuffix">#</a> Axis.**roundingInsideMaxSuffix**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3012
|
+
<a name="Axis.roundingInsideMaxSuffix" href="#Axis.roundingInsideMaxSuffix">#</a> Axis.**roundingInsideMaxSuffix**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1632)
|
|
3013
3013
|
|
|
3014
3014
|
Sets the suffix used for the maximum value of "inside" rounding scales.
|
|
3015
3015
|
|
|
@@ -3017,7 +3017,7 @@ Sets the suffix used for the maximum value of "inside" rounding scales.
|
|
|
3017
3017
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3018
3018
|
|
|
3019
3019
|
|
|
3020
|
-
<a name="Axis.scale" href="#Axis.scale">#</a> Axis.**scale**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3020
|
+
<a name="Axis.scale" href="#Axis.scale">#</a> Axis.**scale**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1644)
|
|
3021
3021
|
|
|
3022
3022
|
If *value* is specified, sets the scale of the axis and returns the current class instance.
|
|
3023
3023
|
|
|
@@ -3025,7 +3025,7 @@ If *value* is specified, sets the scale of the axis and returns the current clas
|
|
|
3025
3025
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3026
3026
|
|
|
3027
3027
|
|
|
3028
|
-
<a name="Axis.scalePadding" href="#Axis.scalePadding">#</a> Axis.**scalePadding**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3028
|
+
<a name="Axis.scalePadding" href="#Axis.scalePadding">#</a> Axis.**scalePadding**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1654)
|
|
3029
3029
|
|
|
3030
3030
|
Sets the "padding" property of the scale, often used in point scales.
|
|
3031
3031
|
|
|
@@ -3033,7 +3033,7 @@ Sets the "padding" property of the scale, often used in point scales.
|
|
|
3033
3033
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3034
3034
|
|
|
3035
3035
|
|
|
3036
|
-
<a name="Axis.select" href="#Axis.select">#</a> Axis.**select**([*selector*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3036
|
+
<a name="Axis.select" href="#Axis.select">#</a> Axis.**select**([*selector*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1666)
|
|
3037
3037
|
|
|
3038
3038
|
If *selector* is specified, sets the SVG container element to the specified d3 selector or DOM element and returns the current class instance. If *selector* is not specified, returns the current SVG container element.
|
|
3039
3039
|
|
|
@@ -3041,7 +3041,7 @@ If *selector* is specified, sets the SVG container element to the specified d3 s
|
|
|
3041
3041
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3042
3042
|
|
|
3043
3043
|
|
|
3044
|
-
<a name="Axis.shape" href="#Axis.shape">#</a> Axis.**shape**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3044
|
+
<a name="Axis.shape" href="#Axis.shape">#</a> Axis.**shape**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1676)
|
|
3045
3045
|
|
|
3046
3046
|
If *value* is specified, sets the tick shape constructor and returns the current class instance.
|
|
3047
3047
|
|
|
@@ -3049,7 +3049,7 @@ If *value* is specified, sets the tick shape constructor and returns the current
|
|
|
3049
3049
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3050
3050
|
|
|
3051
3051
|
|
|
3052
|
-
<a name="Axis.shapeConfig" href="#Axis.shapeConfig">#</a> Axis.**shapeConfig**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3052
|
+
<a name="Axis.shapeConfig" href="#Axis.shapeConfig">#</a> Axis.**shapeConfig**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1686)
|
|
3053
3053
|
|
|
3054
3054
|
If *value* is specified, sets the tick style of the axis and returns the current class instance.
|
|
3055
3055
|
|
|
@@ -3057,7 +3057,7 @@ If *value* is specified, sets the tick style of the axis and returns the current
|
|
|
3057
3057
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3058
3058
|
|
|
3059
3059
|
|
|
3060
|
-
<a name="Axis.tickFormat" href="#Axis.tickFormat">#</a> Axis.**tickFormat**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3060
|
+
<a name="Axis.tickFormat" href="#Axis.tickFormat">#</a> Axis.**tickFormat**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1698)
|
|
3061
3061
|
|
|
3062
3062
|
If *value* is specified, sets the tick formatter and returns the current class instance.
|
|
3063
3063
|
|
|
@@ -3065,7 +3065,7 @@ If *value* is specified, sets the tick formatter and returns the current class i
|
|
|
3065
3065
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3066
3066
|
|
|
3067
3067
|
|
|
3068
|
-
<a name="Axis.ticks" href="#Axis.ticks">#</a> Axis.**ticks**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3068
|
+
<a name="Axis.ticks" href="#Axis.ticks">#</a> Axis.**ticks**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1708)
|
|
3069
3069
|
|
|
3070
3070
|
If *value* is specified, sets the tick values of the axis and returns the current class instance.
|
|
3071
3071
|
|
|
@@ -3073,7 +3073,7 @@ If *value* is specified, sets the tick values of the axis and returns the curren
|
|
|
3073
3073
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3074
3074
|
|
|
3075
3075
|
|
|
3076
|
-
<a name="Axis.tickSize" href="#Axis.tickSize">#</a> Axis.**tickSize**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3076
|
+
<a name="Axis.tickSize" href="#Axis.tickSize">#</a> Axis.**tickSize**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1718)
|
|
3077
3077
|
|
|
3078
3078
|
If *value* is specified, sets the tick size of the axis and returns the current class instance.
|
|
3079
3079
|
|
|
@@ -3081,7 +3081,7 @@ If *value* is specified, sets the tick size of the axis and returns the current
|
|
|
3081
3081
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3082
3082
|
|
|
3083
3083
|
|
|
3084
|
-
<a name="Axis.tickSuffix" href="#Axis.tickSuffix">#</a> Axis.**tickSuffix**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3084
|
+
<a name="Axis.tickSuffix" href="#Axis.tickSuffix">#</a> Axis.**tickSuffix**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1728)
|
|
3085
3085
|
|
|
3086
3086
|
Sets the behavior of the abbreviations when you are using linear scale. This method accepts two options: "normal" (uses formatAbbreviate to determinate the abbreviation) and "smallest" (uses suffix from the smallest tick as reference in every tick).
|
|
3087
3087
|
|
|
@@ -3089,7 +3089,7 @@ Sets the behavior of the abbreviations when you are using linear scale. This met
|
|
|
3089
3089
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3090
3090
|
|
|
3091
3091
|
|
|
3092
|
-
<a name="Axis.timeLocale" href="#Axis.timeLocale">#</a> Axis.**timeLocale**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3092
|
+
<a name="Axis.timeLocale" href="#Axis.timeLocale">#</a> Axis.**timeLocale**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1738)
|
|
3093
3093
|
|
|
3094
3094
|
Defines a custom locale object to be used in time scale. This object must include the following properties: dateTime, date, time, periods, days, shortDays, months, shortMonths. For more information, you can revise [d3p.d3-time-format](https://github.com/d3/d3-time-format/blob/master/README.md#timeFormatLocale).
|
|
3095
3095
|
|
|
@@ -3097,7 +3097,7 @@ Defines a custom locale object to be used in time scale. This object must includ
|
|
|
3097
3097
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3098
3098
|
|
|
3099
3099
|
|
|
3100
|
-
<a name="Axis.title" href="#Axis.title">#</a> Axis.**title**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3100
|
+
<a name="Axis.title" href="#Axis.title">#</a> Axis.**title**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1748)
|
|
3101
3101
|
|
|
3102
3102
|
If *value* is specified, sets the title of the axis and returns the current class instance.
|
|
3103
3103
|
|
|
@@ -3105,7 +3105,7 @@ If *value* is specified, sets the title of the axis and returns the current clas
|
|
|
3105
3105
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3106
3106
|
|
|
3107
3107
|
|
|
3108
|
-
<a name="Axis.titleConfig" href="#Axis.titleConfig">#</a> Axis.**titleConfig**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3108
|
+
<a name="Axis.titleConfig" href="#Axis.titleConfig">#</a> Axis.**titleConfig**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1758)
|
|
3109
3109
|
|
|
3110
3110
|
If *value* is specified, sets the title configuration of the axis and returns the current class instance.
|
|
3111
3111
|
|
|
@@ -3113,7 +3113,7 @@ If *value* is specified, sets the title configuration of the axis and returns th
|
|
|
3113
3113
|
This is a static method of [<code>Axis</code>](#Axis), and is chainable with other methods of this Class.
|
|
3114
3114
|
|
|
3115
3115
|
|
|
3116
|
-
<a name="Axis.width" href="#Axis.width">#</a> Axis.**width**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#
|
|
3116
|
+
<a name="Axis.width" href="#Axis.width">#</a> Axis.**width**([*value*]) [<>](https://github.com/d3plus/d3plus/blob/main/packages/core/src/components/Axis.js#L1770)
|
|
3117
3117
|
|
|
3118
3118
|
If *value* is specified, sets the overall width of the axis and returns the current class instance.
|
|
3119
3119
|
|
package/es/src/charts/Geomap.js
CHANGED
|
@@ -157,7 +157,7 @@ var d3Geo = Object.assign({}, d3GeoCore, d3GeoProjection, d3CompositeProjections
|
|
|
157
157
|
import * as scales from "d3-scale";
|
|
158
158
|
import { tile } from "d3-tile";
|
|
159
159
|
import { feature } from "topojson-client";
|
|
160
|
-
import {
|
|
160
|
+
import { addToQueue } from "@d3plus/data";
|
|
161
161
|
import { assign, parseSides } from "@d3plus/dom";
|
|
162
162
|
import { pointDistance } from "@d3plus/math";
|
|
163
163
|
import { Circle, Path } from "../shapes/index.js";
|
|
@@ -230,13 +230,13 @@ var Geomap = /*#__PURE__*/ function(Viz) {
|
|
|
230
230
|
return _this._topojsonFill(d, i);
|
|
231
231
|
},
|
|
232
232
|
on: {
|
|
233
|
-
|
|
233
|
+
mouseenter: function(d, i, x, event) {
|
|
234
234
|
return !_this._coordData.features.includes(d) ? _this._on.mouseenter.bind(_this)(d, i, x, event) : null;
|
|
235
235
|
},
|
|
236
236
|
"mousemove.shape": function(d, i, x, event) {
|
|
237
237
|
return !_this._coordData.features.includes(d) ? _this._on["mousemove.shape"].bind(_this)(d, i, x, event) : null;
|
|
238
238
|
},
|
|
239
|
-
|
|
239
|
+
mouseleave: function(d, i, x, event) {
|
|
240
240
|
return !_this._coordData.features.includes(d) ? _this._on.mouseleave.bind(_this)(d, i, x, event) : null;
|
|
241
241
|
}
|
|
242
242
|
},
|
|
@@ -577,21 +577,7 @@ Additionally, a custom formatting function can be passed as a second argument to
|
|
|
577
577
|
*/ key: "fitObject",
|
|
578
578
|
value: function fitObject(_, f) {
|
|
579
579
|
if (arguments.length) {
|
|
580
|
-
|
|
581
|
-
var prev = this._queue.find(function(q) {
|
|
582
|
-
return q[3] === "fitObject";
|
|
583
|
-
});
|
|
584
|
-
var d = [
|
|
585
|
-
load.bind(this),
|
|
586
|
-
_,
|
|
587
|
-
f,
|
|
588
|
-
"fitObject"
|
|
589
|
-
];
|
|
590
|
-
if (prev) this._queue[this._queue.indexOf(prev)] = d;
|
|
591
|
-
else this._queue.push(d);
|
|
592
|
-
} else {
|
|
593
|
-
this._fitObject = _;
|
|
594
|
-
}
|
|
580
|
+
addToQueue.bind(this)(_, f, "fitObject");
|
|
595
581
|
this._zoomSet = false;
|
|
596
582
|
return this;
|
|
597
583
|
}
|
|
@@ -741,21 +727,7 @@ Additionally, a custom formatting function can be passed as a second argument to
|
|
|
741
727
|
*/ key: "topojson",
|
|
742
728
|
value: function topojson(_, f) {
|
|
743
729
|
if (arguments.length) {
|
|
744
|
-
|
|
745
|
-
var prev = this._queue.find(function(q) {
|
|
746
|
-
return q[3] === "topojson";
|
|
747
|
-
});
|
|
748
|
-
var d = [
|
|
749
|
-
load.bind(this),
|
|
750
|
-
_,
|
|
751
|
-
f,
|
|
752
|
-
"topojson"
|
|
753
|
-
];
|
|
754
|
-
if (prev) this._queue[this._queue.indexOf(prev)] = d;
|
|
755
|
-
else this._queue.push(d);
|
|
756
|
-
} else {
|
|
757
|
-
this._topojson = _;
|
|
758
|
-
}
|
|
730
|
+
addToQueue.bind(this)(_, f, "topojson");
|
|
759
731
|
this._zoomSet = false;
|
|
760
732
|
return this;
|
|
761
733
|
}
|