d3fc-形状

用于创建图表序列的 SVG/ Canvas 路径生成器集合

主要 D3FC 软件包

安装

npm install @d3fc/d3fc-shape

API 参考

• 示例用途
• 栏
• 框图
• 烛台
• 错误栏
• 美国

所有被输出的功能都有相同的签名, (context) => generator. 提供的背景必须是执行由下列机构执行的一组背景2D方法: d3 路径 (或确实是一个背景2D!).

然后可以配置 generator 采用相关方法(例如:. generator.x(/* ... */)页:1 一旦适当配置后,会以所需的数据(例如:. generator([/* ... */])) (中文(简体) ).

示例用途

特别工作组

import { path } from 'd3-path';
import { shapeCandlestick } from 'd3fc-shape';

const ctx = path();

const candlestick = shapeCandlestick()
  .x((d, i) => i)
  .open((d) => d.open)
  .high((d) => d.high)
  .low((d) => d.low)
  .close((d) => d.close);

d3.select('path')
  .datum([
    { open: 4, high: 5, low: 3, close: 3 }
  ])
  .attr('d', candlestick);

帆布

import { shapeCandlestick } from 'd3fc-shape';

const ctx = document.querySelector('canvas').getContext('2d');

const candlestick = shapeCandlestick()
  .context(ctx)
  .x((d, i) => i)
  .open((d) => d.open)
  .high((d) => d.high)
  .low((d) => d.low)
  .close((d) => d.close);

candlestick([
  { open: 4, high: 5, low: 3, close: 3 }
]);

ctx.stroke();

栏

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 页:1.形状栏(单位:千美元)上下文(中文(简体) )

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状栏。 。 。 .页:1(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状栏。 。 。 .尔(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状栏。 。 。 .宽度(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状栏。 。 。 .高度(单位:千美元)访问器Func(中文(简体) )

用于设置条形图访问数据的方式的属性存取器方法. 这个 accessorFunc(datum, index) 函数被调用到每个数据项上,返回 与该项目相关属性有关的数值.

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状栏。 。 。 .水平对齐(单位:千美元)对齐(中文(简体) )

alignment 这是: left, (中文(简体) ), right 或者说 center (默认)

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状栏。 。 。 .垂直对齐(单位:千美元)对齐(中文(简体) )

alignment 这是: bottom, (中文(简体) ), top 或者说 center (默认)

框图

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 页:1.形状框绘图(单位:千美元)上下文(中文(简体) )

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状框绘图。 。 。 .价值(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状框绘图。 。 。 .中位数(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状框绘图。 。 。 .上等号(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状框绘图。 。 。 .下方位数(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状框绘图。 。 。 .高级(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状框绘图。 。 。 .低级(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状框绘图。 。 。 .宽度(单位:千美元)访问器Func(中文(简体) )

用于设置条形图访问数据的方式的属性存取器方法. 这个 accessorFunc(datum, index) 函数被调用到每个数据项上,返回 与该项目相关属性有关的数值.

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状框绘图。 。 。 .上限(单位:千美元)访问器Func(中文(简体) )

这个 accessorFunc(item, index) 函数被调用到每个数据项上,返回 页:1 推波助澜 的框宽度.

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状框绘图。 。 。 .东方(单位:千美元)方向(中文(简体) )

图表的方向 。 无论是 horizontal (违约)或 vertical

烛台

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 页:1.形状(单位:千美元)上下文(中文(简体) )

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状。 。 。 .页:1(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状。 。 。 .打开(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状。 。 。 .高级(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状。 。 。 .低级(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状。 。 。 .关闭(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状。 。 。 .宽度(单位:千美元)访问器Func(中文(简体) )

用于设置条形图访问数据的方式的属性存取器方法. 这个 accessorFunc(datum, index) 函数被调用到每个数据项上,返回 与该项目相关属性有关的数值.

错误栏

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 页:1.形状错误栏(单位:千美元)上下文(中文(简体) )

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状错误栏。 。 。 .价值(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状错误栏。 。 。 .高级(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状错误栏。 。 。 .低级(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状错误栏。 。 。 .宽度(单位:千美元)访问器Func(中文(简体) )

用于设置条形图访问数据的方式的属性存取器方法. 这个 accessorFunc(datum, index) 函数被调用到每个数据项上,返回 与该项目相关属性有关的数值.

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状错误栏。 。 。 .东方(单位:千美元)方向(中文(简体) )

图表的方向 。 无论是 horizontal (违约)或 vertical

美国

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 页:1.形状Ohlc(单位:千美元)上下文(中文(简体) )

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状Ohlc。 。 。 .页:1(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状Ohlc。 。 。 .打开(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状Ohlc。 。 。 .高级(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状Ohlc。 。 。 .低级(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状Ohlc。 。 。 .关闭(单位:千美元)访问器Func(中文(简体) )
{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状Ohlc。 。 。 .宽度(单位:千美元)访问器Func(中文(简体) )

用于设置条形图访问数据的方式的属性存取器方法. 这个 accessorFunc(datum, index) 函数被调用到每个数据项上,返回 与该项目相关属性有关的数值.

{\fn方正粗倩简体\fs12\an8\1cHFFFF00\b0} 形状Ohlc。 。 。 .东方(单位:千美元)方向(中文(简体) )

图表的方向 。 无论是 horizontal (违约)或 vertical