/
transition-text.html
9 lines (8 loc) · 24.3 KB
/
transition-text.html
1
2
3
4
5
6
7
8
9
<!DOCTYPE html> <html> <head> <title>transition-text.js</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" media="all" href="docco.css" /> </head> <body> <div id="container"> <div id="background"></div> <div id="jump_to"> Jump To … <div id="jump_wrapper"> <div id="jump_page"> <a class="source" href="behavior.html"> behavior.js </a> <a class="source" href="drag.html"> drag.js </a> <a class="source" href="zoom.html"> zoom.js </a> <a class="source" href="date.html"> date.js </a> <a class="source" href="style.html"> style.js </a> <a class="source" href="array.html"> array.js </a> <a class="source" href="ascending.html"> ascending.js </a> <a class="source" href="bisect.html"> bisect.js </a> <a class="source" href="class.html"> class.js </a> <a class="source" href="collapse.html"> collapse.js </a> <a class="source" href="core.html"> core.js </a> <a class="source" href="descending.html"> descending.js </a> <a class="source" href="dispatch.html"> dispatch.js </a> <a class="source" href="ease.html"> ease.js </a> <a class="source" href="entries.html"> entries.js </a> <a class="source" href="event.html"> event.js </a> <a class="source" href="extent.html"> extent.js </a> <a class="source" href="first.html"> first.js </a> <a class="source" href="format.html"> format.js </a> <a class="source" href="formatPrefix.html"> formatPrefix.js </a> <a class="source" href="functor.html"> functor.js </a> <a class="source" href="hsl.html"> hsl.js </a> <a class="source" href="html.html"> html.js </a> <a class="source" href="identity.html"> identity.js </a> <a class="source" href="interpolate.html"> interpolate.js </a> <a class="source" href="json.html"> json.js </a> <a class="source" href="keys.html"> keys.js </a> <a class="source" href="last.html"> last.js </a> <a class="source" href="map.html"> map.js </a> <a class="source" href="max.html"> max.js </a> <a class="source" href="mean.html"> mean.js </a> <a class="source" href="median.html"> median.js </a> <a class="source" href="merge.html"> merge.js </a> <a class="source" href="min.html"> min.js </a> <a class="source" href="mouse.html"> mouse.js </a> <a class="source" href="nest.html"> nest.js </a> <a class="source" href="noop.html"> noop.js </a> <a class="source" href="ns.html"> ns.js </a> <a class="source" href="number.html"> number.js </a> <a class="source" href="permute.html"> permute.js </a> <a class="source" href="quantile.html"> quantile.js </a> <a class="source" href="random.html"> random.js </a> <a class="source" href="range.html"> range.js </a> <a class="source" href="rebind.html"> rebind.js </a> <a class="source" href="requote.html"> requote.js </a> <a class="source" href="rgb.html"> rgb.js </a> <a class="source" href="round.html"> round.js </a> <a class="source" href="selection-append.html"> selection-append.js </a> <a class="source" href="selection-attr.html"> selection-attr.js </a> <a class="source" href="selection-call.html"> selection-call.js </a> <a class="source" href="selection-classed.html"> selection-classed.js </a> <a class="source" href="selection-data.html"> selection-data.js </a> <a class="source" href="selection-datum.html"> selection-datum.js </a> <a class="source" href="selection-each.html"> selection-each.js </a> <a class="source" href="selection-empty.html"> selection-empty.js </a> <a class="source" href="selection-enter-select.html"> selection-enter-select.js </a> <a class="source" href="selection-enter.html"> selection-enter.js </a> <a class="source" href="selection-filter.html"> selection-filter.js </a> <a class="source" href="selection-html.html"> selection-html.js </a> <a class="source" href="selection-insert.html"> selection-insert.js </a> <a class="source" href="selection-node.html"> selection-node.js </a> <a class="source" href="selection-on.html"> selection-on.js </a> <a class="source" href="selection-order.html"> selection-order.js </a> <a class="source" href="selection-property.html"> selection-property.js </a> <a class="source" href="selection-remove.html"> selection-remove.js </a> <a class="source" href="selection-root.html"> selection-root.js </a> <a class="source" href="selection-select.html"> selection-select.js </a> <a class="source" href="selection-selectAll.html"> selection-selectAll.js </a> <a class="source" href="selection-sort.html"> selection-sort.js </a> <a class="source" href="selection-style.html"> selection-style.js </a> <a class="source" href="selection-text.html"> selection-text.js </a> <a class="source" href="selection-transition.html"> selection-transition.js </a> <a class="source" href="selection.html"> selection.js </a> <a class="source" href="split.html"> split.js </a> <a class="source" href="sum.html"> sum.js </a> <a class="source" href="text.html"> text.js </a> <a class="source" href="this.html"> this.js </a> <a class="source" href="timer.html"> timer.js </a> <a class="source" href="touches.html"> touches.js </a> <a class="source" href="transform.html"> transform.js </a> <a class="source" href="transition-attr.html"> transition-attr.js </a> <a class="source" href="transition-delay.html"> transition-delay.js </a> <a class="source" href="transition-duration.html"> transition-duration.js </a> <a class="source" href="transition-each.html"> transition-each.js </a> <a class="source" href="transition-remove.html"> transition-remove.js </a> <a class="source" href="transition-select.html"> transition-select.js </a> <a class="source" href="transition-selectAll.html"> transition-selectAll.js </a> <a class="source" href="transition-style.html"> transition-style.js </a> <a class="source" href="transition-text.html"> transition-text.js </a> <a class="source" href="transition-transition.html"> transition-transition.js </a> <a class="source" href="transition.html"> transition.js </a> <a class="source" href="transpose.html"> transpose.js </a> <a class="source" href="true.html"> true.js </a> <a class="source" href="uninterpolate.html"> uninterpolate.js </a> <a class="source" href="values.html"> values.js </a> <a class="source" href="xhr.html"> xhr.js </a> <a class="source" href="xml.html"> xml.js </a> <a class="source" href="zip.html"> zip.js </a> <a class="source" href="csv.html"> csv.js </a> <a class="source" href="format.html"> format.js </a> <a class="source" href="parse.html"> parse.js </a> <a class="source" href="albers.html"> albers.js </a> <a class="source" href="azimuthal.html"> azimuthal.js </a> <a class="source" href="bonne.html"> bonne.js </a> <a class="source" href="bounds.html"> bounds.js </a> <a class="source" href="circle.html"> circle.js </a> <a class="source" href="equirectangular.html"> equirectangular.js </a> <a class="source" href="geo.html"> geo.js </a> <a class="source" href="greatArc.html"> greatArc.js </a> <a class="source" href="greatCircle.html"> greatCircle.js </a> <a class="source" href="mercator.html"> mercator.js </a> <a class="source" href="path.html"> path.js </a> <a class="source" href="type.html"> type.js </a> <a class="source" href="contour.html"> contour.js </a> <a class="source" href="delaunay.html"> delaunay.js </a> <a class="source" href="geom.html"> geom.js </a> <a class="source" href="hull.html"> hull.js </a> <a class="source" href="polygon.html"> polygon.js </a> <a class="source" href="quadtree.html"> quadtree.js </a> <a class="source" href="voronoi.html"> voronoi.js </a> <a class="source" href="bundle.html"> bundle.js </a> <a class="source" href="chord.html"> chord.js </a> <a class="source" href="cluster.html"> cluster.js </a> <a class="source" href="force.html"> force.js </a> <a class="source" href="hierarchy.html"> hierarchy.js </a> <a class="source" href="histogram.html"> histogram.js </a> <a class="source" href="layout.html"> layout.js </a> <a class="source" href="pack.html"> pack.js </a> <a class="source" href="partition.html"> partition.js </a> <a class="source" href="pie.html"> pie.js </a> <a class="source" href="stack.html"> stack.js </a> <a class="source" href="tree.html"> tree.js </a> <a class="source" href="treemap.html"> treemap.js </a> <a class="source" href="bilinear.html"> bilinear.js </a> <a class="source" href="category.html"> category.js </a> <a class="source" href="identity.html"> identity.js </a> <a class="source" href="linear.html"> linear.js </a> <a class="source" href="log.html"> log.js </a> <a class="source" href="nice.html"> nice.js </a> <a class="source" href="ordinal.html"> ordinal.js </a> <a class="source" href="polylinear.html"> polylinear.js </a> <a class="source" href="pow.html"> pow.js </a> <a class="source" href="quantile.html"> quantile.js </a> <a class="source" href="quantize.html"> quantize.js </a> <a class="source" href="scale.html"> scale.js </a> <a class="source" href="sqrt.html"> sqrt.js </a> <a class="source" href="arc.html"> arc.js </a> <a class="source" href="area-radial.html"> area-radial.js </a> <a class="source" href="area.html"> area.js </a> <a class="source" href="axis.html"> axis.js </a> <a class="source" href="brush.html"> brush.js </a> <a class="source" href="chord.html"> chord.js </a> <a class="source" href="diagonal-radial.html"> diagonal-radial.js </a> <a class="source" href="diagonal.html"> diagonal.js </a> <a class="source" href="line-radial.html"> line-radial.js </a> <a class="source" href="line.html"> line.js </a> <a class="source" href="mouse.html"> mouse.js </a> <a class="source" href="svg.html"> svg.js </a> <a class="source" href="symbol.html"> symbol.js </a> <a class="source" href="touches.html"> touches.js </a> <a class="source" href="day.html"> day.js </a> <a class="source" href="format-iso.html"> format-iso.js </a> <a class="source" href="format-utc.html"> format-utc.js </a> <a class="source" href="format.html"> format.js </a> <a class="source" href="hour.html"> hour.js </a> <a class="source" href="interval.html"> interval.js </a> <a class="source" href="minute.html"> minute.js </a> <a class="source" href="month.html"> month.js </a> <a class="source" href="scale-utc.html"> scale-utc.js </a> <a class="source" href="scale.html"> scale.js </a> <a class="source" href="second.html"> second.js </a> <a class="source" href="time.html"> time.js </a> <a class="source" href="week.html"> week.js </a> <a class="source" href="year.html"> year.js </a> </div> </div> </div> <table cellpadding="0" cellspacing="0"> <thead> <tr> <th class="docs"> <h1> transition-text.js </h1> </th> <th class="code"> </th> </tr> </thead> <tbody> <tr id="section-1"> <td class="docs"> <div class="pilwrap"> <a class="pilcrow" href="#section-1">¶</a> </div> </td> <td class="code"> <div class="highlight"><pre><span class="nx">d3_transitionPrototype</span><span class="p">.</span><span class="nx">text</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span>
<span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">tween</span><span class="p">(</span><span class="s2">"text"</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">d</span><span class="p">,</span> <span class="nx">i</span><span class="p">)</span> <span class="p">{</span>
<span class="k">this</span><span class="p">.</span><span class="nx">textContent</span> <span class="o">=</span> <span class="k">typeof</span> <span class="nx">value</span> <span class="o">===</span> <span class="s2">"function"</span>
<span class="o">?</span> <span class="nx">value</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="k">this</span><span class="p">,</span> <span class="nx">d</span><span class="p">,</span> <span class="nx">i</span><span class="p">)</span>
<span class="o">:</span> <span class="nx">value</span><span class="p">;</span>
<span class="p">});</span>
<span class="p">};</span>
</pre></div> </td> </tr> </tbody> </table> </div> </body> </html>