本文整理汇总了TypeScript中d3-transition.transition函数的典型用法代码示例。如果您正苦于以下问题：TypeScript transition函数的具体用法？TypeScript transition怎么用？TypeScript transition使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了transition函数的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: constructor
constructor(svgElement: ElementRef, diameter: number, padding: number) {
this.svgElement = svgElement;
this.padding = padding;
this.size = diameter + 2 * this.padding;
this.outerRadius = diameter / 2;
let innerRadius = this.outerRadius - this.outerRadius * 0.15;
this.arcGenerator = this.getArcGenerator(innerRadius, this.outerRadius);
transition(); //needed for import statement;
}示例2: select
exitTransition = exitTransition
.duration(200)
.style('fill', 'red')
.transition() // sequenced transition on exiting circles.
.duration(1000)
.attr('r', 0)
.remove();
// --------------------------------------------------------------------------
// Tests of Top-Level Transition Functions
// --------------------------------------------------------------------------
// transition(...) ----------------------------------------------------------
let topTransition: d3Transition.Transition<HTMLElement, any, null, undefined>;
topTransition = d3Transition.transition('top');
// test creation from existing transition
topTransition = d3Transition.transition(enterTransition);
// tests with pre-existing datum (typed as string)
// set datum with a type of string
select('html').datum('test');
let topTransition2: d3Transition.Transition<HTMLElement, string, null, undefined>;
topTransition2 = d3Transition.transition<string>('top');
topTransition2 = d3Transition.transition<string>(enterTransition);
// active(...) ----------------------------------------------------------
let updateTransitionActive: d3Transition.Transition<SVGCircleElement, CircleDatum, SVGSVGElement, SVGDatum> | null;