Javascript D3.js文本输入(在svg中)转换不透明度0到1韩元';t在1结束
我正在尝试使用以下代码让我的文本输入从0到1的选择转换透明度。如果没有“过渡”和“不透明度”设置,文本将按预期显示 但在这段代码中,不透明度从0开始,但永远不会变为1;和文本值不被添加?[我的代码中的所有其他转换都按预期工作]Javascript D3.js文本输入(在svg中)转换不透明度0到1韩元';t在1结束,javascript,svg,d3.js,opacity,Javascript,Svg,D3.js,Opacity,我正在尝试使用以下代码让我的文本输入从0到1的选择转换透明度。如果没有“过渡”和“不透明度”设置,文本将按预期显示 但在这段代码中,不透明度从0开始,但永远不会变为1;和文本值不被添加?[我的代码中的所有其他转换都按预期工作] /** * @param text * selection with data to add text from & truncate by, with a * delay. */ functio
/**
* @param text
* selection with data to add text from & truncate by, with a
* delay.
*/
function addBubbleTextByData ( text ) {
text.style( "opacity", 0 ).transition().delay( 1.1 * transitionDelay )
.style( "opacity", 1 ).text(
function ( bubbleDatum ) {
var bubbleDatumText = ""; // for bubbles too small for any text
if ( bubbleDatum.r > 15 ) {
// Bubble is large enough to fit text
bubbleDatumText = bubbleDatum[JSON_NAME_KEY].toString().substring( 0,
bubbleDatum.r / 4 );
}
return bubbleDatumText;
} );
}
如果是SVG,则需要修改
填充不透明度
text.attr( "fill-opacity", 0 ).transition().delay( 1.1 * transitionDelay )
.attr( "fill-opacity", 1 ).text(
function ( bubbleDatum ) {
var bubbleDatumText = ""; // for bubbles too small for any text
if ( bubbleDatum.r > 15 ) {
// Bubble is large enough to fit text
bubbleDatumText = bubbleDatum[JSON_NAME_KEY].toString().substring( 0,
bubbleDatum.r / 4 );
}
return bubbleDatumText;
} );
@Incodeveritas“填充不透明度”而不是“不透明度”有效,谢谢!是的,svg是父母。如果您想回答而不是发表评论,如果您需要代表,我将接受。谢谢!我认为增加一个。期限最终也是必要的;但你的回答是我需要的核心!持续时间本不应该是必要的,但我确信它看起来更好。没有持续时间,不透明度没有任何时间从0到1进行可见过渡(淡入)。它只是从“不可见”到“可见”的“闪烁”,因此是一个微不足道的过渡。