本文整理汇总了TypeScript中d3-shape.radialLine函数的典型用法代码示例。如果您正苦于以下问题:TypeScript radialLine函数的具体用法?TypeScript radialLine怎么用?TypeScript radialLine使用的例子?那么, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了radialLine函数的2个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: defaultLine
// use Line generator ===============================================================
defaultLine([[10, 10], [20, 10], [20, 20]]);
const lineData: LineDatum[] = [
{ x: 10, y: 10, missing: false },
{ x: 20, y: 10, missing: false },
{ x: 20, y: 20, missing: false }
];
const linePathStringMaybe: string | null = line(lineData);
// radialLine(...) create Line generator =====================================================
let defaultRadialLine: d3Shape.RadialLine<[number, number]> = d3Shape.radialLine();
let radialLine: d3Shape.RadialLine<RadialLineDatum> = d3Shape.radialLine<RadialLineDatum>();
// configure RadialLine(...) generator ======================================================
// context(...) ----------------------------------------------------------------------
if (context !== null) {
defaultRadialLine = defaultRadialLine.context(context); // draw to canvas
}
context = defaultRadialLine.context();
radialLine = radialLine.context(null); // use as path string generator for SVG
// angle(...) ----------------------------------------------------------------------------
示例2: line
{ x: 20, y: 20, missing: false }
];
const linePathStringMaybe: string | null = line(lineData);
// lineRadial(...) create Line generator =====================================================
let defaultLineRadial: d3Shape.LineRadial<[number, number]> = d3Shape.lineRadial();
let lineRadial: d3Shape.LineRadial<LineRadialDatum> = d3Shape.lineRadial<LineRadialDatum>();
// DEPRECATED Naming conventions test (cross-testing with new naming conventions)
const defaultRadialLine: d3Shape.RadialLine<[number, number]> = defaultLineRadial;
const radialLine: d3Shape.RadialLine<LineRadialDatum> = lineRadial;
defaultLineRadial = d3Shape.radialLine();
lineRadial = d3Shape.radialLine<LineRadialDatum>();
// configure LineRadial(...) generator ======================================================
// context(...) ----------------------------------------------------------------------
if (context !== null) {
defaultLineRadial = defaultLineRadial.context(context); // draw to canvas
}
context = defaultLineRadial.context();
lineRadial = lineRadial.context(null); // use as path string generator for SVG
// angle(...) ----------------------------------------------------------------------------