D3
文章平均质量分 66
逆风飞翔的猿
闲坐亭台清酒绕,醉卧霓裳红颜笑。
展开
-
D3添加title提示信息时出现滚动条时,显示错位的问题
使用D3绘制svg的时候碰到一个问题,当鼠标移动到柱状图上显示该柱状图的提示信息,当不出现纵向滚动条的时候会显示的非常友好,如下所示:但是当你的布局内容比较多的情况下会出现纵向滚动条,这是在所难免的了,然而出现滚动条的时候,滚轮向下滚动并且鼠标焦点已经在svg外面了,你再慢慢往上滚动的时候,这时滚动条没有滚动到顶部,就会出现提示信息与鼠标的坐标点有出入,类似于:我就原创 2017-05-25 16:38:18 · 1729 阅读 · 0 评论 -
D3实现柱状图
D3是一种数据可视化工具,数据的可视化其实就是把数据以图表等直观的方式展示给用户,让用户更直观的感受到数据的走势和变化。这种应用在项目中越来越多的被使用,话说,千句话不如一张图,说的一点都不为过。那么D3作为这种轻巧免费公开的图表制作工具,在应用中被越来越多的使用。D3有很多让人眼前一亮的功能,现在我们所处理的是一些基本的图表,比如柱状图,饼图,折线图等。话不多说,这篇博客主要是在项目中用到的原创 2017-09-08 17:03:43 · 5636 阅读 · 1 评论 -
D3实现分片柱状图
1.简要在集成项目上做开发是,用到第三方提供的组件,组件不能满足X轴自定义的需求,于是被委派研究一下D3,看看D3有没有什么解决方案。纵观D3的template,发现官方提供的模板并不能满足需求,D3的基本组件做的不是很好,或者说我研究的不够透彻,毕竟现在很多情况下我们都是拿来主义,一旦一个组件能被使用便管不了许多,又由于项目赶时间,所以也就半透半熟的拿过来改吧改吧,先看一看效果图,由原创 2017-03-22 14:56:19 · 1270 阅读 · 0 评论