一. api讲解
* .attr(xxx) .transition() .attr(xxx),transition()表示添加过渡,也就是从前一个属性过渡到后一个属性
* .duration(2000),表示过渡时间持续2秒
* .delay(500),表示延迟0.4秒后再进行过渡
* .ease(d3.easeElasticInOut)表示过渡方式,注意这里和v3版本的区别
二. vue使用
<template lang='pug'>
div.histogram-pane(:id="id")
svg
</template>
<script>
/**
* 含有动画的图表
*/
import * as d3 from 'd3'
export default {
name: '',
data () {
return {
id: ''
}
},
methods: {