本文整理汇总了TypeScript中d3-transition.Transition类的典型用法代码示例。如果您正苦于以下问题:TypeScript Transition类的具体用法?TypeScript Transition怎么用?TypeScript Transition使用的例子?那么恭喜您, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了Transition类的2个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1:
foo: 1,
bar: 'bar',
});
// Function values
selection = selection.properties({
foo: (d, i) => i,
bar: d => d,
});
// Function that returns an object
selection = selection.properties(function (d) {
return this.href ? null : { href: d };
});
let transition: Transition<HTMLAnchorElement, string, null, undefined>;
// Transition.attrs
// Simple object
transition = transition.attrs({
foo: 1,
bar: '2',
baz: true,
});
// Function values
transition = transition.attrs({
foo: () => 1,
bar: (d) => d,
baz: (d, i) => i !== 0,
示例2:
// Function values
selection = selection.properties({
foo: (d, i) => i,
bar: d => d,
});
// Function that returns an object
selection = selection.properties(function(d, i, g): {} | { href: string } {
const that: HTMLAnchorElement = this;
const index: number = i;
const group: HTMLAnchorElement[] | ArrayLike<HTMLAnchorElement> = g;
return that.href ? {} : { href: d };
});
let transition: Transition<HTMLAnchorElement, string, HTMLElement, undefined> = selectAll<HTMLAnchorElement, string>('a').transition();
// Transition.attrs
// Simple object
transition = transition.attrs({
foo: 1,
bar: '2',
baz: true,
});
// Function values
transition = transition.attrs({
foo: () => 1,
bar: (d) => d,
baz: (d, i) => i !== 0,