Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript D3.js文本输入(在svg中)转换不透明度0到1韩元';t在1结束_Javascript_Svg_D3.js_Opacity - Fatal编程技术网

Javascript D3.js文本输入(在svg中)转换不透明度0到1韩元';t在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

我正在尝试使用以下代码让我的文本输入从0到1的选择转换透明度。如果没有“过渡”和“不透明度”设置,文本将按预期显示

但在这段代码中,不透明度从0开始,但永远不会变为1;和文本值不被添加?[我的代码中的所有其他转换都按预期工作]

/**
   * @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进行可见过渡(淡入)。它只是从“不可见”到“可见”的“闪烁”,因此是一个微不足道的过渡。