04 2019 档案

Vue整合d3.v5.js制作--柱状图(rect)
摘要：先上效果图： 图中柱状图变成纯蓝色是鼠标滑动过的颜色（颜色可改，本人配色能力十分的强，建议直接用默认设置即可 ( ᖛ ̫ ᖛ )ʃ)） 1、环境说明 Vue版本："vue": "^2.5.2" d3版本："d3": "^5.9.1" 2、Histogram.vue源码 1 <!-- 2 d3组件：柱 阅读全文

posted @ 2019-04-11 17:18 floud 阅读(1311) 评论(0) 推荐(0)

Vue整合d3.v5.js制作--折线图(line)
摘要：先上效果图（x轴固定为时间轴）： 图中出现的悬浮框是鼠标悬停效果 1、环境说明： vue版本："vue": "^2.5.2" d3版本："d3": "^5.9.1" 2、Line.vue源码 1 <template> 2 <div class="d3line" :id="id"> 3 </div> 阅读全文

posted @ 2019-04-10 17:29 floud 阅读(3004) 评论(0) 推荐(0)