编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

D3.js实现网红N年数据变化柱状图,厉害了,我的国

wxchong 2024-06-13 03:28:49 开源技术 14 ℃ 0 评论

大家看到这个图有没有熟悉感,头条视频有时候推荐这样的视频,有没有想到这是怎么制作出来的了,对,这就是技术大神Jannchie的作品,使用的是D3.js,然后再加上录屏工具就可以看到了(百度echarts版本明天出)。

一.技术点

1.需要准备好数据

2.将数据放在visual.js中就可以了。(项目文件在下面下载哦)

二、解析

1.这其实是用D3画的柱状图,有兴趣的朋友可以了解一下。

2.作者在js中添加了众多注释,让你只需要填写数据就行,前端页面不需要担心。

3.原项目支持上传数据,我直接写好了可以需要使用。

三、地址

[演示地址](http://47.105.36.188:3030/toutiao/D3实现网红N年数据变化柱状图,厉害了,我的国/index.html)
http://47.105.36.188:3030/toutiao/D3实现网红N年数据变化柱状图,厉害了,我的国/index.html

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表