镇江长江大桥南主墩首根钻孔桩成功灌注
镇江长江大桥南主墩首根钻孔桩成功灌注
日 10:08:03
】　【】　【】&
　　图为灌注现场。 文雯 摄
昨天凌晨0：40，经过7个多小时的连续奋战，由中铁大桥局承建的镇江长江大桥南主塔4#墩第43#桩顺利完成了灌注，标志着大桥南主塔首根钻孔桩成功灌注，也标志着大桥南主塔主墩桩基工程进入了全面施工阶段。
　　镇江长江大桥4#主墩钻孔桩共67根，呈梅花型布置，桩长50-115米，桩底均需进入微风化岩层。此次灌注的43#桩桩长62.56米，桩径2.8米，共灌注水泥混凝土399立方米。
　　据中铁大桥局项目部一分部负责人宁朝新介绍：“镇江长江大桥的建设工期十分紧张，4#主墩是全桥的关键控制点之一，工期尤为紧张，我们必须严格按照计划施工。为了按时完成基础阶段施工计划，春节期间，大桥参建者主动放弃了休假，铆足干劲，加班加点，终于换来了4#主墩施工实质性的突破。此次成功灌注，不仅为后续的桩基施工积累了宝贵经验，也极大地鼓舞了士气。”
　　记者了解到，自1月1日大桥南主塔4#墩开钻施工以来，中铁大桥局的建设者们克服了大风、多雨、多雪、极寒等恶劣天气，不惧困难、精心策划，合理安排施工工序，尽量将天气影响降到最低限度，从而保证了钻孔桩施工的快速推进，为后续施工奠定了坚实的基础。（施超 郭琦林 林兰）
（责任编辑:
新华网版权与免责声明：
凡本网注明“来源：新华网”的所有作品，版权均属于新华社，未经本网授权不得转载、摘编或利用其它方式使用上述作品。已经本网授权使用作品的，应在授权范围内使用，并注明“来源：新华网”。违反上述声明者，本网将追究其相关法律责任。
凡本网注明“来源：XXX（非新华网）”的作品，均转载自其它媒体，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。
如因作品内容、版权和其它问题需要同本网联系的，请在30日内进行。
联系方式：新华网管理协调部 ***：(025)，当前最火红的视觉化套件，你用过了吗？越来越多人使用
来开发视觉化专题，但… 你对 D3.js 的了解又到哪里呢？这次我们就带大家一起来看看一些 D3.js 很重要、大家却又普遍不清楚的秘技与背后的设计逻辑。
制作 D3.js 动画
transition 的名字
D3.js 提供 transition() 函数供我们作动画，相当的方便，但是当我们需要多个动画一起执行时，该怎麽办？若我们对同一个物件调用的 transition 时间有重叠，后者会将前者完全取代掉，如下例我们根本不会看到红色出现，只会看到边框变色：
& d3.select(&rect&).transition().attr({ fill: &red& });
& d3.select(&rect&).transition().attr({ stroke: &green& });
如果我们改用串连调用的方式，两者则会依序呈现，而非同时进行：
& d3.select(&rect&)
.transition().attr({ fill: &red& })
.transition().attr({ stroke: &green& });
事实上， transition 是可以命名的，而且只要将各个 transition 命名，他们就可以同时执行，不会互相取代。如下例，在调用 transition() 时以名称为参数即可：
& d3.select(&rect&).transition(&my-fill&).attr({ fill: &red& });
& d3.select(&rect&).transition(&my-stroke&).attr({ stroke: &green& });
以下图为例，左右两个矩形各自以五个互相重叠的 transition 制作相同动画，包含宽、高、填满、边框与边线宽，左边使用未命名的 transition 而右边的 transition 各自有不同的名字。可以看到左方的动画互相重叠导致大部份都无法完成，但右方的动画则顺利做完。
这招在需要独立对不同属性做动画时特别有用。
我们依靠 d3.transition 做动画时，其底层是基于 d3.interpolate 内插函数在运作的，也因此我们所能做的动画类型受到了他的限制。当我们想做更复杂的动画时，我们当然可以自行利用 JavaScript 与浏览器所提供的 setTimeout 或 requestAnimationFrame 等函数来做，但这不仅繁琐，动画一多程序逻辑也复杂了起来。
d3.transition 其实提供了客?动画的选项，我们可以利用 d3.transition.tween 函数来做！tween 函数接受一个 animation factory, 我们在里面产生动画处理器，并利用传入的动画进度参数来计算动画值：
& d3.transition().tween(&动画名&, function() {
& & return function(progress) &{
在上列程序码中，红色的函数会不断的被调用，其参数 progress 则会由 0 至 1 不断的被带入， 0 代表动画开始， 1 则代表动画结束。在这里面，我们可以应用各式各样的视觉效果，例如根据 progress 来更新圆饼的比例，做出变大圆饼的效果：
& var arc = d3.svg.arc().innerRadius(0).outerRadius(50);
d3.select(&path&).transition().tween(&growth-pie&, function() {
& & return function(progress) &{
& & & d3.select(this).attr({
d: function(progress) {
return arc.startAngle(0).endAngle(progress * Math.PI * 2);
下图即为利用 d3.transition.tween 做出的圆饼图动画，三个圆饼分别使用不同的 easing 函数：
数据绑定与元素集合
用过 D3.js 的人都知道 D3.js 最核心的逻辑在于数据与元素的绑定，比方说下例我们将 1 ~ 5 的数字与 path 结合：
& d3.selectAll(&path&).data([1,2,3,4,5]);
这边结合是照数据在阵列中的顺序，也就是说若我们之后更新数据时、顺序有变化，数据就不会绑到原先的元素上，而是绑到其它的元素上了。这有时会造成视觉呈现上的问题。该怎麽解决呢？
我们只要指定绑定的规则即可，在 data() 中再加上一个规则函数：
& d3.selectAll(&path&).data([1,2,3,4,5], function(it) { });
该函数的传回值即是绑定规则；当数据与元素有着相同规则时，两者就会被结合。这类似数据库系统 Table Join 时指定特定栏位做线索的概念。
数据绑定后我们可以在设定样式时使用：
& d3.selectAll(&g&).data([1,2,3,4,5]);
& d3.selectAll(&g&).attr({
& & width: function(d,i) { return d * 100; }
上例中，每个 &g& 得到红色的 d 的数值都不一样，分别会是 1 ~ 5 。那请问大家，如果 &g& 下面还有元素，该元素要怎麽利用 &g& 绑定的这个数字呢？比方说文件的结构像是下面这样：
& &g&&rect/&&/g&
& &g&&rect/&&/g&
& &g&&rect/&&/g&
& &g&&rect/&&/g&
& &g&&rect/&&/g&
若我们利用 d3.selectAll(“g rect&) 想要来设定 rect 的宽度 …. 事实上， D3.js 在读取数据时，会用向上搜寻的方式寻找。在此例中，&rect& 并没有与任何数据绑定，因此 D3.js 会向各个 &rect& 的父元素 &g& 询问，这时因为 &g& 有绑定数据，于是这些数据就传回给 &rect& &供作使用了。
Style v.s. Attr
因为 D3.js 与 SVG 的紧密结合，我们对 SVG 不够了解的话有时会造成很大的困扰。其中一个问题是这样的：SVG 元素可以用 &CSS 设定样式，例如：
& &rect style=&fill:red&/&
将矩形用红色填满，看起来很棒是吧？但 fill 其实是 rect 的属性之一，所以我们也可以这样写：
& &rect fill=&green& style=&fill:red&/&
请问此时这个矩形会是红色还是绿色呢？此外，矩形的参数 rx 与 ry 可以设定矩形圆角，我们可以把他写到 style 里去吗？如下：
& &rect fill=&green& style=&fill:rx:10;ry:10&/&
事实上，SVG 有所谓的「Presentational Attributes」，例如像是 fill 、 stroke 、 stroke-dasharray 等等的属性；这一类的属性可以放在 style 中，因此可以利用 CSS Selector 、 CSS Animation 来控制。然而，其它属性像是 rx 、 ry 、 圆的 cx 、 cy 、 r 都是不能通过 CSS 控制的属性。
接着，设定 Presentational Attributes 时， CSS 设定是优先于属性设定的，因此若我们利用 CSS 对 &rect& 设定了红色填满，再用属性设定绿色填满，结果还是会得到红色的矩形。若对这点不了解，有时利用 D3.js 操作属性时就会碰到怎麽设定都不会动作的窘境：
& d3.selectAll(&rect&)
& & .style({ fill: &red&&})
& & .attr({ &stroke: &green& });
这点千万要注意阿！
利用函数取值
在设定元素样式时，我们可以利用函数来指定其值，例如下例中红色的函数在要设定 &rect& fill 值时会被调用，其传回值「red」则会被填入：
& d3.selectAll(&rect&).attr({ fill: function() { return &red&; });
事实上不光是设定属性，D3.js 里面很多放参数的地方都可以用函数替换，例如 d3.selectAll ：
& d3.selectAll(function() { return &rect&; });
Encore: d3.scale 的神奇秘技
d3.scale 用来做座标转换相当方便，他也可以将数值转换成颜色，像是利用 d3.scale.category20 或是直接做线性内插，相当的方便：
& d3.scale.linear().domain([0,1]).range([&#f00&,�f0&]);
上例可以帮我们把 0 ~ 1 之间的值用内插的方式对换到红色与绿色之间的值。好用吧！不过，这个大家都知道，不是我们要讲的秘技。事实上， d3.scale 底层是使用 d3.interpolate 实现，所以 d3.interpolate 所能内插的东西， d3.scale 都支持，例如阵列：
& d3.scale.linear().domain([0,1]).range([[0,1],[1,0]]);
或者歌词：
& d3.scale.linar().domain([0,1]).range([
&5 little ducks, went out one day ....&,
&1 little ducks, went out one day ....&
希望这没有让你的脑袋炸掉。
D3.js 是个强大的视觉化函数库，但显然一般人只开发了他 10% 的可能性。做为作者 Mike Bostock 的毕业论文，这个工具显然灌注了超乎我们想像的、更多的精力与设计在里面，做为视觉化爱好者的我们若不好好了解 D3.js 的可能性、甚至把他当成一般的图表工具的话，那就太对不起视觉化之神了 ( 谁？ ) 。
让我们一起往(视觉化)神乎其技的路上迈进吧！
相关系列教程
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：3227次
排名：千里之外
转载：13篇把你最喜欢的栏目添加到这里来哦
:少年飙车挑战交警被抓:想上热门没想到挑战失败
随着电弧炉新产能的投放，螺纹钢利润有望收窄，但仍将位于较高水平，▲复旦大学党委书记焦扬在仪式上讲话▲复旦大学校长许宁生在仪式上讲话▲中国泛海控股集团执行董事、执行副总裁余政在仪式上讲话▲著名华人金融学家、复旦大学杰出校友、原亚洲开发银行首席经济学家魏尚进教授讲话▲复旦大学经济学院院长张军在仪式上讲话▲上海市金融服务办公室副主任李军在开办仪式上讲话▲黄浦区委书记汤志平在开办仪式上讲话创办复旦泛海国际金融学院，是复旦大学推进“双一流”建设的一项重要举措，是复旦人服务国家“一带一路”战略，提升资金融通水准，对接上海国际金融中心和全球科创中心建设，助力企业转型升级的主动担当和积极行动，　　6月23日，纪念周敦颐诞辰1000周年学术研讨会在周敦颐故里永州道县举行，来自全国各地以及韩国的100余位学者参加研讨会，就周敦颐的哲学思想和政治伦理美学思想及其当代价值、理学人物与流派、周敦颐行迹与交游、周敦颐文献研究、周敦颐的海外影响等进行了深入交流和探讨。不用多说，相信你已经知道，这是一只典型得不能再典型的定制基金了，这就回到供给侧结构性改革的初衷，其中我们认为值得重点跟踪的标的包括：铝压铸精密零部件行业特斯拉指定供应商旭升股份（对特斯拉销售收入占主营业务收入超过一半,受益于新能源汽车与特斯拉销量的快速增长，近三年复合增速超过100%）这指向根据PMI数据预判经济增长的幅度，或许会夸大欧元区的复苏幅度，也可以从欧元区二季度以来的超预期指数得到交叉验证，4月份以来，欧元区软数据超预期指数维持高位的同时，硬数据超预期指数却基本维持在零附近甚至为负值首推茅台、五粮液、老窖以及洋河；次高端关注全国化扩张路径，特别在品牌或者渠道方面有优势或者变化的企业，关注汾酒和沱牌；2.猪肉价格进入下行通道，关注屠宰和肉制品龙头企业双汇发展；3.乳制品关注近期奶粉注册制第一批的落地进展；乳制品看好龙头公司伊利及蒙牛，预计原奶价格稳定，费用率有下降可能，结构升级提升毛利率，奶粉版块带来制度和人口红利；4.休闲零食版块关注周黑鸭和绝味食品，绝味长在供应链建设和连锁管理能力，周黑鸭强在品牌建设，两者发展路径有差异；5.啤酒行业：关注啤酒行业的变化，特别是推迟近1年后燕京管理层换届，行业而言，一方面需求回暖及消费升级，推荐重庆啤酒；另一方面行业目前处于巨变前夜关注行业格局的变化带来盈利能力的提升，推荐港股的华润啤酒，关注燕京啤酒、青岛啤酒；；6.持续关注国改相关标的：顺鑫农业、燕京啤酒、山西汾酒、伊力特、恒顺醋业以及完成改制的沱牌舍得等公司；纺织和服装：市场企稳关注低位优质个股，重点布局上游优质供应链标的1.棉纺板块基本面逐步改善，棉价短期趋稳、长期向上的趋势判断有利于产业链龙头，订单集中度进一步提升，重点推荐成本控制强及具备议价能力的华孚色纺以及盈利能力逐步改善的孚日股份；2.名表市场进口数据持续高增长，行业景气度逐步回升，重点推荐飞亚达，公司经营改善趋势良好，属于业绩弹性大的小市值品种，当前价位已具备高安全边际；另外16Q4以来受益于终端零售回暖及百货客流回升，高级女装、男装等中高端服饰品类收入端恢复良好，17年整体表现仍值得期待，重点推荐九牧王；3.关注黄金珠宝板块配置机会，国内黄金珠宝市场回暖迹象显现，建议关注行业龙头老凤祥；4.个性化消费时代来临，把握行业内新一轮消费升级趋势，重点关注歌力思、奥康国际、江南布衣等基础化工：化纤表现突出，周期品趋势向下本周在油价下跌的影响下，大部分化学品价格出现下跌的趋势。EQR经营重点在于通过出租率的平衡，来实现租金收入最大化，同时严格控制成本和提升续租率，追求最大回报郁亮说过一句很耐人寻味的话：王石是英雄，而我是个普通人，怕死，所以不会像王石那样登山鹤田俊正（引自《日本的产业政策》第77至78页）曾对日本旨在防止化学工业产能过剩的投资调整政策进行了研究分析，认为这一政策会破坏价格机制形成的自然投资节奏，容易出现各个企业一起进行同等规模投资的状况；为企业的设备投资在规模上设定高的审批标准，会使得企业为了得到政府批准的既得权益，做出过度的产能投资 责任编辑：昆仑在线澎湃新闻报料：-4013616澎湃新闻，未经授权不得转载
关键词 >> 快讯
评论（66482）
追问（73125）
澎湃新闻APP下载