@cascivo/charts 0.18.0 → 1.1.0
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 +16 -2
- package/dist/chart-frame.module-lX184FYg.js +1 -0
- package/dist/index.d.ts +57 -45
- package/dist/index.js +1 -5173
- package/dist/node/chart-frame.module-lX184FYg.js +1 -0
- package/dist/node/index.js +1 -5174
- package/dist/node/sparkline.js +1 -0
- package/dist/sparkline.d.ts +43 -0
- package/dist/sparkline.js +3 -0
- package/package.json +9 -3
- package/readme.body.md +14 -0
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<!-- generated by scripts/readme/generate.ts — edit readme.body.md, not this file -->
|
|
2
2
|
|
|
3
3
|
<div align="center">
|
|
4
|
-
<a href="https://cascivo.com"><img src="https://cascivo.com/
|
|
4
|
+
<a href="https://cascivo.com"><img src="https://cascivo.com/logo-mark-img-accent.svg" width="72" height="72" alt="cascivo logo"></a>
|
|
5
5
|
<h1>@cascivo/charts</h1>
|
|
6
6
|
<p><strong>Chart components built from scratch — scales, shapes, and signal-driven rendering, zero dependencies. Colors come from @cascivo/themes; components from @cascivo/react. Docs offline: npx @cascivo/docs</strong></p>
|
|
7
7
|
|
|
@@ -81,6 +81,20 @@ The charts are signal-driven. In a plain React app (no Babel signals transform),
|
|
|
81
81
|
from `@cascivo/core` as the first statement of any component that reads a signal during render. The
|
|
82
82
|
docs app (Preact) does not need this.
|
|
83
83
|
|
|
84
|
+
## One sparkline, without the engine
|
|
85
|
+
|
|
86
|
+
`import { Sparkline } from '@cascivo/charts'` pulls in the whole charting engine — tooltips, voronoi hit-testing, a canvas layer, zoom/pan, a toolbox, PNG/SVG export — because `Sparkline` is built on the same frame as every other chart. An adopter measured 44.87 kB / 14.84 kB gzip for a single trend line on a landing page.
|
|
87
|
+
|
|
88
|
+
For a page that wants a sparkline and draws no other charts, there is a subpath that does not:
|
|
89
|
+
|
|
90
|
+
```tsx
|
|
91
|
+
import { Sparkline } from '@cascivo/charts/sparkline' // ~3.5 kB gzip, no engine
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
Identical props, identical markup, identical styling — asserted by a DOM-parity test, and the size is held by a budget in CI. **One difference: no hover tooltip**, because the tooltip is what requires the engine.
|
|
95
|
+
|
|
96
|
+
Use the main entry when the page draws other charts anyway: the engine is already paid for and the subpath saves nothing.
|
|
97
|
+
|
|
84
98
|
## Coloring
|
|
85
99
|
|
|
86
100
|
By default every slice/series/layer is colored from the positional palette
|
|
@@ -155,4 +169,4 @@ pnpm add @cascivo/charts
|
|
|
155
169
|
|
|
156
170
|
[cascivo.com](https://cascivo.com) · [Docs](https://cascivo.com/docs) · [Storybook](https://storybook.cascivo.com) · [GitHub](https://github.com/cascivo/cascivo) · AI agents: read [`llms.txt`](https://cascivo.com/llms.txt) (install steps + component index, plain text) or use [`@cascivo/mcp`](https://github.com/cascivo/cascivo/tree/main/packages/mcp) and [`registry.json`](https://github.com/cascivo/cascivo/blob/main/registry.json) · MIT
|
|
157
171
|
|
|
158
|
-
<div align="center"><a href="https://cascivo.com"><img src="https://cascivo.com/
|
|
172
|
+
<div align="center"><a href="https://cascivo.com"><img src="https://cascivo.com/logo-mark-img.svg" width="28" height="28" alt="cascivo"></a></div>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";function e(e,n){let[r,i]=e,[a,o]=n,s=i-r;return{domain:e,range:n,map:e=>s===0?a:a+(e-r)/s*(o-a),invert:e=>o-a===0?r:r+(e-a)/(o-a)*s,ticks:(e=5,n)=>t(r,i,e,n)}}function t(e,t,n=5,r){if(!Number.isFinite(e)||!Number.isFinite(t)||e===t)return[e];e>t&&([e,t]=[t,e]);let i=r??!(Number.isInteger(e)&&Number.isInteger(t)),a=(t-e)/Math.max(1,n),o=10**Math.floor(Math.log10(a)),s=i?[1,2,2.5,5,10]:[1,2,5,10],c=a/o,l=(s.find(e=>e>=c)??10)*o;i||(l=Math.max(1,Math.round(l)));let u=Math.ceil(e/l),d=Math.floor(t/l+1e-9),f=[],p=Math.max(0,Math.ceil(-Math.log10(l))+2);for(let e=u;e<=d;e++)f.push(parseFloat((e*l).toFixed(p)));return f}function n(e,t,n=.1){let[r,i]=t,a=e.length,o=(i-r)/Math.max(1,a+n*(a+1)),s=o,c=o*n,l=new Map(e.map((e,t)=>[e,t]));return{domain:e,range:t,bandwidth:s,map:e=>{let t=l.get(e);return t===void 0?void 0:r+c+t*(o+c)}}}function r(e,t){let[n,r]=e,[i,a]=t,o=Math.sqrt(Math.max(0,n)),s=Math.sqrt(Math.max(0,r))-o;return e=>s===0?(i+a)/2:i+(Math.sqrt(Math.max(0,e))-o)/s*(a-i)}function i(e){return Math.round(e*100)/100}function a(e,t=!1){if(t){let t=e.filter(e=>e!==null);return t.length>0?[t]:[]}let n=[],r=[];for(let t of e)t===null?(r.length>0&&n.push(r),r=[]):r.push(t);return r.length>0&&n.push(r),n}function o(e,t=`linear`){if(e.length===0)return``;if(e.length===1||t===`linear`)return e.map(([e,t],n)=>`${n===0?`M`:`L`}${e},${t}`).join(``);switch(t){case`monotone`:return p(e);case`step`:case`stepBefore`:case`stepAfter`:return s(e,t);case`natural`:return l(e);case`basis`:return u(e);case`cardinal`:return d(e,0);case`catmullRom`:return f(e,.5);default:return p(e)}}function s(e,t){let n=`M${e[0][0]},${e[0][1]}`;for(let r=0;r<e.length-1;r++){let[i,a]=e[r],[o,s]=e[r+1];if(t===`stepBefore`)n+=`L${i},${s}L${o},${s}`;else if(t===`stepAfter`)n+=`L${o},${a}L${o},${s}`;else{let e=(i+o)/2;n+=`L${e},${a}L${e},${s}L${o},${s}`}}return n}function c(e){let t=e.length-1;if(t<1)return[[],[]];let n=Array(t),r=Array(t),i=Array(t);r[0]=2,i[0]=e[0]+2*e[1];for(let a=1;a<t-1;a++)n[a]=1,r[a]=4,i[a]=4*e[a]+2*e[a+1];n[t-1]=2,r[t-1]=7,i[t-1]=8*e[t-1]+e[t];for(let e=1;e<t;e++){let t=(n[e]??0)/r[e-1];r[e]=r[e]-t,i[e]=i[e]-t*i[e-1]}let a=Array(t),o=Array(t);a[t-1]=i[t-1]/r[t-1];for(let e=t-2;e>=0;e--)a[e]=(i[e]-a[e+1])/r[e];for(let n=0;n<t-1;n++)o[n]=2*e[n+1]-a[n+1];return o[t-1]=(e[t]+a[t-1])/2,[a,o]}function l(e){let t=e.length;if(t<3)return e.map(([e,t],n)=>`${n===0?`M`:`L`}${e},${t}`).join(``);let n=e.map(e=>e[0]),r=e.map(e=>e[1]),[i,a]=c(n),[o,s]=c(r),l=`M${n[0]},${r[0]}`;for(let e=0;e<t-1;e++)l+=`C${i[e]},${o[e]} ${a[e]},${s[e]} ${n[e+1]},${r[e+1]}`;return l}function u(e){let t=e.length;if(t<3)return e.map(([e,t],n)=>`${n===0?`M`:`L`}${e},${t}`).join(``);let n=n=>e[Math.max(0,Math.min(t-1,n))][0],r=n=>e[Math.max(0,Math.min(t-1,n))][1],i=`M${n(0)},${r(0)}`;for(let e=0;e<t-1;e++){let t=n(e-1),a=r(e-1),o=n(e),s=r(e),c=n(e+1),l=r(e+1),u=(2*t+o)/3,d=(2*a+s)/3,f=(t+2*o)/3,p=(a+2*s)/3,m=(t+4*o+c)/6,h=(a+4*s+l)/6;i+=`C${u},${d} ${f},${p} ${m},${h}`}let a=e[t-1];return i+=`L${a[0]},${a[1]}`,i}function d(e,t){let n=e.length;if(n<3)return e.map(([e,t],n)=>`${n===0?`M`:`L`}${e},${t}`).join(``);let r=(1-t)/6,i=t=>e[Math.max(0,Math.min(n-1,t))],a=`M${e[0][0]},${e[0][1]}`;for(let e=0;e<n-1;e++){let t=i(e-1),n=i(e),o=i(e+1),s=i(e+2),c=n[0]+r*(o[0]-t[0]),l=n[1]+r*(o[1]-t[1]),u=o[0]-r*(s[0]-n[0]),d=o[1]-r*(s[1]-n[1]);a+=`C${c},${l} ${u},${d} ${o[0]},${o[1]}`}return a}function f(e,t){let n=e.length;if(n<3)return e.map(([e,t],n)=>`${n===0?`M`:`L`}${e},${t}`).join(``);let r=t=>e[Math.max(0,Math.min(n-1,t))],i=(e,t)=>Math.hypot(t[0]-e[0],t[1]-e[1]),a=`M${e[0][0]},${e[0][1]}`;for(let e=0;e<n-1;e++){let n=r(e-1),o=r(e),s=r(e+1),c=r(e+2),l=i(n,o)**+t||1e-6,u=i(o,s)**+t||1e-6,d=i(s,c)**+t||1e-6,f=s[0]-o[0]+u*((o[0]-n[0])/l-(s[0]-n[0])/(l+u)),p=s[1]-o[1]+u*((o[1]-n[1])/l-(s[1]-n[1])/(l+u)),m=s[0]-o[0]+u*((c[0]-s[0])/d-(c[0]-o[0])/(u+d)),h=s[1]-o[1]+u*((c[1]-s[1])/d-(c[1]-o[1])/(u+d)),g=o[0]+f/3,_=o[1]+p/3,v=s[0]-m/3,y=s[1]-h/3;a+=`C${g},${_} ${v},${y} ${s[0]},${s[1]}`}return a}function p(e){let t=e.length,n=[],r=[],i=[];for(let a=0;a<t-1;a++)n[a]=e[a+1][0]-e[a][0],r[a]=e[a+1][1]-e[a][1],i[a]=n[a]===0?0:r[a]/n[a];let a=[i[0]??0];for(let e=1;e<t-1;e++){let t=i[e-1],n=i[e];a[e]=t*n<=0?0:2*t*n/(t+n)}a[t-1]=i[t-2]??0;let o=`M${e[0][0]},${e[0][1]}`;for(let n=0;n<t-1;n++){let[t,r]=e[n],[i,s]=e[n+1],c=(i-t)/3;o+=`C${t+c},${r+c*a[n]} ${i-c},${s-c*a[n+1]} ${i},${s}`}return o}function m(e,t,n=`linear`){if(e.length===0)return``;let r=o(e,n),i=e[e.length-1],a=e[0];return`${r}L${i[0]},${t}L${a[0]},${t}Z`}function h(e,t,n,r,a,o){let s=2*Math.PI;if(Math.abs(o-a)>=s-1e-9){let i=a+Math.PI;return h(e,t,n,r,a,i)+h(e,t,n,r,i,a+s-1e-9)}let c=(n,r)=>[i(e+n*Math.sin(r)),i(t-n*Math.cos(r))],l=+(o-a>Math.PI),u=i(n),d=i(r),[f,p]=c(n,a),[m,g]=c(n,o);if(r<=0)return`M${i(e)},${i(t)}L${f},${p}A${u},${u} 0 ${l} 1 ${m},${g}Z`;let[_,v]=c(r,o),[y,b]=c(r,a);return`M${f},${p}A${u},${u} 0 ${l} 1 ${m},${g}L${_},${v}A${d},${d} 0 ${l} 0 ${y},${b}Z`}function g(e){let t=e[0]?.length??0,n=Array.from({length:t},()=>0);return e.map(e=>e.map((e,t)=>{let r=n[t];return n[t]=r+e,[r,n[t]]}))}var _={frame:`_frame_1gm0a_2`,"cascivo-chart-in":`_cascivo-chart-in_1gm0a_1`,fallback:`_fallback_1gm0a_78`};export{i as a,n as c,r as d,o as i,e as l,h as n,a as o,m as r,g as s,_ as t,t as u};
|
package/dist/index.d.ts
CHANGED
|
@@ -312,7 +312,9 @@ interface BarChartProps<Datum = {
|
|
|
312
312
|
title: string;
|
|
313
313
|
description?: string;
|
|
314
314
|
/**
|
|
315
|
-
*
|
|
315
|
+
* Direction the bars grow. `vertical` puts the categories on the x-axis and grows bars
|
|
316
|
+
* upward (columns); `horizontal` puts them on the y-axis and grows bars rightward — the
|
|
317
|
+
* better choice for long category names.
|
|
316
318
|
*
|
|
317
319
|
* @defaultValue `vertical`
|
|
318
320
|
* @see the component manifest
|
|
@@ -329,37 +331,14 @@ interface BarChartProps<Datum = {
|
|
|
329
331
|
*/
|
|
330
332
|
width?: number;
|
|
331
333
|
height?: number;
|
|
332
|
-
/**
|
|
333
|
-
* Approximate number of ticks on the x-axis.
|
|
334
|
-
*
|
|
335
|
-
* ⚠ **Follows SCREEN position, so its meaning swaps with `orientation`.** On a vertical
|
|
336
|
-
* chart the x-axis is the category axis; on a horizontal one it is the VALUE axis. Prefer
|
|
337
|
-
* {@link BarChartProps.valueAxisTicks} / {@link BarChartProps.categoryAxisTicks}, which
|
|
338
|
-
* name the axis by role and never swap.
|
|
339
|
-
*
|
|
340
|
-
* @defaultValue `5`
|
|
341
|
-
* @deprecated Use `valueAxisTicks` / `categoryAxisTicks`.
|
|
342
|
-
*/
|
|
343
|
-
xTicks?: number;
|
|
344
|
-
/**
|
|
345
|
-
* Approximate number of ticks on the y-axis.
|
|
346
|
-
*
|
|
347
|
-
* ⚠ **Follows SCREEN position, so its meaning swaps with `orientation`** — see
|
|
348
|
-
* {@link BarChartProps.xTicks}.
|
|
349
|
-
*
|
|
350
|
-
* @defaultValue `5`
|
|
351
|
-
* @deprecated Use `valueAxisTicks` / `categoryAxisTicks`.
|
|
352
|
-
*/
|
|
353
|
-
yTicks?: number;
|
|
354
334
|
/**
|
|
355
335
|
* Approximate number of ticks on the **value** axis, whichever way the chart is turned.
|
|
356
336
|
*
|
|
357
|
-
*
|
|
358
|
-
*
|
|
359
|
-
*
|
|
360
|
-
*
|
|
361
|
-
*
|
|
362
|
-
* C17b). Wins over `xTicks`/`yTicks` when both are given.
|
|
337
|
+
* Named by ROLE, so it means the same thing on both orientations. The screen-position
|
|
338
|
+
* pair it replaced (`xTicks`/`yTicks`, removed at 1.0) swapped meaning with `orientation`:
|
|
339
|
+
* `yTicks={1}` silently did nothing on a horizontal chart while `xTicks={1}` worked, and
|
|
340
|
+
* `xLabelEvery` did not swap at all — two conventions in one component with nothing in the
|
|
341
|
+
* types to say so (2026-07-28 report C17b).
|
|
363
342
|
*
|
|
364
343
|
* @defaultValue `5`
|
|
365
344
|
*/
|
|
@@ -376,7 +355,7 @@ interface BarChartProps<Datum = {
|
|
|
376
355
|
* Show every Nth category label (and always the last) to thin a crowded axis.
|
|
377
356
|
*
|
|
378
357
|
* Always strides the **category** axis (the `x` field of each datum), on both
|
|
379
|
-
* orientations
|
|
358
|
+
* orientations.
|
|
380
359
|
* {@link BarChartProps.categoryLabelEvery} is the unambiguous name; this is kept for
|
|
381
360
|
* compatibility.
|
|
382
361
|
*/
|
|
@@ -438,8 +417,6 @@ declare function BarChart<Datum = {
|
|
|
438
417
|
mode,
|
|
439
418
|
width: fixedWidth,
|
|
440
419
|
height,
|
|
441
|
-
xTicks,
|
|
442
|
-
yTicks,
|
|
443
420
|
valueAxisTicks,
|
|
444
421
|
categoryAxisTicks,
|
|
445
422
|
xLabelEvery,
|
|
@@ -1257,7 +1234,7 @@ declare function Glyph({
|
|
|
1257
1234
|
}: GlyphProps): ReactNode;
|
|
1258
1235
|
/** Greedily wrap `text` to lines no wider than `maxWidth` (px) at the given font size. */
|
|
1259
1236
|
declare function wrapText(text: string, maxWidth: number, fontSize: number): string[];
|
|
1260
|
-
interface
|
|
1237
|
+
interface ChartTextProps {
|
|
1261
1238
|
x: number;
|
|
1262
1239
|
y: number;
|
|
1263
1240
|
children: string;
|
|
@@ -1270,11 +1247,17 @@ interface TextProps {
|
|
|
1270
1247
|
className?: string;
|
|
1271
1248
|
}
|
|
1272
1249
|
/**
|
|
1273
|
-
* An SVG text primitive that wraps to a max width (canvas-measured, with a char
|
|
1274
|
-
* fallback). The `@visx/text` analogue — used by `Axis` for long category labels
|
|
1275
|
-
*
|
|
1250
|
+
* An SVG `<text>` primitive that wraps to a max width (canvas-measured, with a char
|
|
1251
|
+
* fallback). The `@visx/text` analogue — used by `Axis` for long category labels and
|
|
1252
|
+
* available to custom charts.
|
|
1253
|
+
*
|
|
1254
|
+
* Named `ChartText`, not `Text`: `@cascivo/react` also exports a `Text` (the typography
|
|
1255
|
+
* component), and a dashboard file importing from both packages is the normal case. The
|
|
1256
|
+
* collision resolved silently — the wrong `Text` renders an SVG node where a paragraph was
|
|
1257
|
+
* meant, with no error — and it was the last one in the catalog after `Calendar` became
|
|
1258
|
+
* `CalendarHeatmap` (2026-08-22 report item 20).
|
|
1276
1259
|
*/
|
|
1277
|
-
declare function
|
|
1260
|
+
declare function ChartText({
|
|
1278
1261
|
x,
|
|
1279
1262
|
y,
|
|
1280
1263
|
children,
|
|
@@ -1284,7 +1267,7 @@ declare function Text({
|
|
|
1284
1267
|
fill,
|
|
1285
1268
|
lineHeight,
|
|
1286
1269
|
className
|
|
1287
|
-
}:
|
|
1270
|
+
}: ChartTextProps): ReactNode;
|
|
1288
1271
|
interface BrushProps {
|
|
1289
1272
|
/** Total number of selectable items (data length). */
|
|
1290
1273
|
count: number;
|
|
@@ -1693,9 +1676,11 @@ interface AreaChartProps<Datum = {
|
|
|
1693
1676
|
*/
|
|
1694
1677
|
curve?: Curve;
|
|
1695
1678
|
/**
|
|
1696
|
-
* Area fill style — solid, a top→bottom gradient, or a pattern.
|
|
1679
|
+
* Area fill style — solid, a top→bottom gradient, or a pattern. A single non-stacked
|
|
1680
|
+
* series defaults to `gradient` (a lone solid area reads as a heavy block); stacked and
|
|
1681
|
+
* overlapping series default to `solid`.
|
|
1697
1682
|
*
|
|
1698
|
-
* @defaultValue `solid`
|
|
1683
|
+
* @defaultValue `gradient for one non-stacked series, solid otherwise`
|
|
1699
1684
|
* @see the component manifest
|
|
1700
1685
|
*/
|
|
1701
1686
|
fill?: FillKind;
|
|
@@ -1804,7 +1789,7 @@ declare function AreaChart<Datum = {
|
|
|
1804
1789
|
description,
|
|
1805
1790
|
stacked,
|
|
1806
1791
|
curve,
|
|
1807
|
-
fill,
|
|
1792
|
+
fill: fillProp,
|
|
1808
1793
|
patternKind,
|
|
1809
1794
|
width: fixedWidth,
|
|
1810
1795
|
height,
|
|
@@ -1911,6 +1896,12 @@ interface ScatterChartProps {
|
|
|
1911
1896
|
series: readonly ScatterChartSeries[];
|
|
1912
1897
|
title: string;
|
|
1913
1898
|
description?: string;
|
|
1899
|
+
/**
|
|
1900
|
+
* Point radius or accessor
|
|
1901
|
+
*
|
|
1902
|
+
* @defaultValue `4`
|
|
1903
|
+
* @see the component manifest
|
|
1904
|
+
*/
|
|
1914
1905
|
r?: number | ((d: ScatterDatum) => number);
|
|
1915
1906
|
/**
|
|
1916
1907
|
* Fixed SVG width in px. ⚠ **Omit for a responsive chart** — the chart fills and tracks
|
|
@@ -2062,7 +2053,7 @@ interface MeterProps {
|
|
|
2062
2053
|
max?: number;
|
|
2063
2054
|
label: string;
|
|
2064
2055
|
/**
|
|
2065
|
-
*
|
|
2056
|
+
* `bar` draws a straight horizontal track; `gauge` draws a half-donut dial.
|
|
2066
2057
|
*
|
|
2067
2058
|
* @defaultValue `bar`
|
|
2068
2059
|
* @see the component manifest
|
|
@@ -2191,7 +2182,7 @@ declare function Histogram({
|
|
|
2191
2182
|
data,
|
|
2192
2183
|
bins,
|
|
2193
2184
|
title,
|
|
2194
|
-
label
|
|
2185
|
+
label,
|
|
2195
2186
|
description,
|
|
2196
2187
|
width: fixedWidth,
|
|
2197
2188
|
height,
|
|
@@ -2852,7 +2843,22 @@ interface CalendarHeatmapProps {
|
|
|
2852
2843
|
* @see the component manifest
|
|
2853
2844
|
*/
|
|
2854
2845
|
width?: number;
|
|
2846
|
+
/**
|
|
2847
|
+
* SVG height in px. A **cap on the drawn grid, never a crop** — cells shrink so all seven
|
|
2848
|
+
* weekday rows fit inside it.
|
|
2849
|
+
*
|
|
2850
|
+
* @defaultValue `160` (`48` when `plain`)
|
|
2851
|
+
* @see the component manifest
|
|
2852
|
+
*/
|
|
2855
2853
|
height?: number;
|
|
2854
|
+
/**
|
|
2855
|
+
* Optional ceiling on a cell's edge, in px. Cells are already clamped to fit `height`; use
|
|
2856
|
+
* this only to keep them small in a short, wide range (GitHub's calendar uses ~11).
|
|
2857
|
+
*
|
|
2858
|
+
* Omitted by default so the height budget alone decides — a fixed default would shrink
|
|
2859
|
+
* year-length ranges that render correctly today.
|
|
2860
|
+
*/
|
|
2861
|
+
maxCellSize?: number;
|
|
2856
2862
|
tooltip?: boolean;
|
|
2857
2863
|
className?: string;
|
|
2858
2864
|
/**
|
|
@@ -2874,6 +2880,7 @@ declare function CalendarHeatmap({
|
|
|
2874
2880
|
to,
|
|
2875
2881
|
width: fixedWidth,
|
|
2876
2882
|
height,
|
|
2883
|
+
maxCellSize,
|
|
2877
2884
|
tooltip,
|
|
2878
2885
|
className,
|
|
2879
2886
|
plain,
|
|
@@ -2919,7 +2926,12 @@ interface CandlestickProps {
|
|
|
2919
2926
|
upColor?: string;
|
|
2920
2927
|
/** Colour for down candles (close < open). */
|
|
2921
2928
|
downColor?: string;
|
|
2922
|
-
/**
|
|
2929
|
+
/**
|
|
2930
|
+
* Render volume bars beneath the candles.
|
|
2931
|
+
*
|
|
2932
|
+
* @defaultValue `false`
|
|
2933
|
+
* @see the component manifest
|
|
2934
|
+
*/
|
|
2923
2935
|
volume?: boolean;
|
|
2924
2936
|
tooltip?: boolean;
|
|
2925
2937
|
className?: string;
|
|
@@ -3112,4 +3124,4 @@ declare function Gauge({
|
|
|
3112
3124
|
className,
|
|
3113
3125
|
plain
|
|
3114
3126
|
}: GaugeProps): import("react").JSX.Element;
|
|
3115
|
-
export { AXIS_CHAR_PX, AXIS_LINE_PX, AggOp, AggregateSpec, AngleBand, Annotation, AnnotationContext, AnnotationScale, AreaChart, AreaChartProps, AreaChartSeries, AreaDecimateOptions, Axis, AxisProps, BandScale, BarChart, BarChartProps, BarChartSeries, Bin, BoundStream, BoxStats, Boxplot, BoxplotProps, BoxplotSeries, Brush, BrushProps, BubbleChart, BubbleChartProps, BubbleDatum, BubbleSeries, Bullet, BulletProps, CalendarHeatmap, CalendarHeatmapDatum, CalendarHeatmapProps, Candlestick, CandlestickDatum, CandlestickProps, CanvasLayer, CanvasLayerProps, CanvasPaint, CanvasSize, CategoryDatum, CategoryMapping, ChartDefs, ChartDefsProps, ChartFrame, ChartFrameProps, ChartSize, ComboChart, ComboChartBar, ComboChartPoint, ComboChartProps, Curve, DEFAULT_MARGINS, DataLabel, DataLabelProps, DataZoom, DataZoomProps, DecimateMethod, DecimateOptions, DefSeries, EncodeMapping, EncodedResult, EncodedSeries, FillKind, Funnel, FunnelProps, FunnelStage, Gauge, GaugeProps, GaugeThreshold, Glyph, GlyphProps, GlyphShape, GridLines, GridLinesProps, Heatmap, HeatmapDatum, HeatmapProps, HierNode, Histogram, HistogramBin, HistogramProps, IntervalUnit, Kpi, KpiProps, LabelOptions, LaidLink, LaidNode, Legend, LegendProps, LegendSeries, LineChart, LineChartProps, LineChartSeries, LinearScale, LogScale, Meter, MeterProps, MeterThresholds, PLAIN_MARGINS, PartitionedNode, PatternKind, PieChart, PieChartDatum, PieChartProps, Point, Polar, PolarDatum, PolarProps, Pt, Radar, RadarProps, RadarSeries, RadialBar, RadialBarDatum, RadialBarProps, RampKind, Rect, RegressionResult, RegressionType, ResolvedLabelOptions, Row, Sankey, SankeyLayout, SankeyLink, SankeyNode, SankeyOptions, SankeyProps, ScatterChart, ScatterChartProps, ScatterChartSeries, ScatterDatum, Sparkline, SparklineProps, StackedRow, StackedSegment, Stream, StreamDecimate, StreamOffset, StreamProps, StreamSeries, StreamSeriesOptions, StreamSource, Sunburst, SunburstProps, SyncGroup,
|
|
3127
|
+
export { AXIS_CHAR_PX, AXIS_LINE_PX, AggOp, AggregateSpec, AngleBand, Annotation, AnnotationContext, AnnotationScale, AreaChart, AreaChartProps, AreaChartSeries, AreaDecimateOptions, Axis, AxisProps, BandScale, BarChart, BarChartProps, BarChartSeries, Bin, BoundStream, BoxStats, Boxplot, BoxplotProps, BoxplotSeries, Brush, BrushProps, BubbleChart, BubbleChartProps, BubbleDatum, BubbleSeries, Bullet, BulletProps, CalendarHeatmap, CalendarHeatmapDatum, CalendarHeatmapProps, Candlestick, CandlestickDatum, CandlestickProps, CanvasLayer, CanvasLayerProps, CanvasPaint, CanvasSize, CategoryDatum, CategoryMapping, ChartDefs, ChartDefsProps, ChartFrame, ChartFrameProps, ChartSize, ChartText, ChartTextProps, ComboChart, ComboChartBar, ComboChartPoint, ComboChartProps, Curve, DEFAULT_MARGINS, DataLabel, DataLabelProps, DataZoom, DataZoomProps, DecimateMethod, DecimateOptions, DefSeries, EncodeMapping, EncodedResult, EncodedSeries, FillKind, Funnel, FunnelProps, FunnelStage, Gauge, GaugeProps, GaugeThreshold, Glyph, GlyphProps, GlyphShape, GridLines, GridLinesProps, Heatmap, HeatmapDatum, HeatmapProps, HierNode, Histogram, HistogramBin, HistogramProps, IntervalUnit, Kpi, KpiProps, LabelOptions, LaidLink, LaidNode, Legend, LegendProps, LegendSeries, LineChart, LineChartProps, LineChartSeries, LinearScale, LogScale, Meter, MeterProps, MeterThresholds, PLAIN_MARGINS, PartitionedNode, PatternKind, PieChart, PieChartDatum, PieChartProps, Point, Polar, PolarDatum, PolarProps, Pt, Radar, RadarProps, RadarSeries, RadialBar, RadialBarDatum, RadialBarProps, RampKind, Rect, RegressionResult, RegressionType, ResolvedLabelOptions, Row, Sankey, SankeyLayout, SankeyLink, SankeyNode, SankeyOptions, SankeyProps, ScatterChart, ScatterChartProps, ScatterChartSeries, ScatterDatum, Sparkline, SparklineProps, StackedRow, StackedSegment, Stream, StreamDecimate, StreamOffset, StreamProps, StreamSeries, StreamSeriesOptions, StreamSource, Sunburst, SunburstProps, SyncGroup, TimeScale, Toolbox, ToolboxOptions, ToolboxProps, Treemap, TreemapDatum, TreemapNode, TreemapProps, TreemapRect, Vec, VisualChannel, VisualMap, VisualMapOptions, VisualMapProps, VisualMode, VisualResult, ZoomConfig, _syncGroupCount, aggregate, angleBand, annotationSummary, arcPath, areaPath, autoLabelStride, bandScale, bin, binValues, bindStream, boxStats, cellPath, decimate$1 as decimate, divergingRamp, download, encode, encodeCategory, extent, fillFor, filter, getSyncGroup, glyphPath, gradientId, isZoomed, leftMarginForLabels, linePath, linearScale, linkPath, logScale, lttb, mapVisual, maxDepth, minmax, nearestIndex, niceTicks, panWindow, partition, patternId, pieceIndex, polarPoint, quantize, radiusScale, rampLightness, rampOf, rampStops, regression, releaseSyncGroup, renderAnnotation, renderAnnotations, resolveColor, resolveLabels, rightMarginForLabels, sankeyLayout, sequentialRamp, serializeSvg, sort, splitDefined, sqrtScale, squarify, stackSeries, streamExtent, streamLayout, sumValue, svgToPngBlob, timeScale, toStackedSeries, useChartSize, useStreamSeries, visualVisible, voronoiCells, voronoiFind, wrapText, zoomWindow };
|