reD3:一大波图表模板正在接近!
发布在GitHub不完全装B指南2014年4月4日view:3381
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

昨天和大家聊了聊工作的城市,总体来说还是集中在北京、厦门、深圳、上海这几个地方。在北京的朋友想离开北京,不在北京的朋友想来北京。。。突然有点围城的感觉。不管怎么样,希望大家都能找到自己喜欢的工作~

==========================================================

enter image description here 封面人物:唐·埃斯特利奇(Don Estridge,1937.6.23 - 1985.8.2)

作为IBM历史上最富个人魅力的人物,受命于危难之际,担任IBM入门级系统部第一任总裁。独立开发IBM第一台PC,由于他的天才和勤奋而大获成功,成为名副其实的“IBM PC之父”。由于IBM的进入,PC成为一个真正严肃的产品,埃斯特利奇的开放式决策,使他开拓的不仅仅是一项业务,更是一个全新的PC产业。间接成就了今日的微软和英特尔,以及其他无数的公司。

遗憾的是,年仅48岁的埃斯特利奇在1985的“达美航空191号班机空难”中不幸逝世。天妒英才啊!

==========================================================

推荐指数:★★★★★

使用难度:★

适用范围:需要用图表展示信息

GitHub数据enter image description here

==========================================================

D3相信很多人都知道吧,一个非常流行的js视觉库,简单说就是画图的。

今天给大家推荐的reD3就是在D3的基础上搜集了很多优秀的D3图表模板,什么折线图饼状图柱状图等等全都有!只要稍加修改甚至完全不用修改就可以直接使用。

这个库目前知道的人还不太多,大家一定要把握住机会哦~下次老板再让你做图的时候你就可以让他刮目相看了!

==========================================================

一段代码教程

var el = document.getElementById('bar');
var options = {
    width: 800,
    height: 600,
    yAxisText: 'Frequency',
    yValue: 'frequency',
    xValue: 'letter',
    onClick: function(d) {
        console.log(d);
    },
    onMouseOver: function(d) {
        console.log(d);
    },
    onMouseOut: function(d) {}
};

var bar = new reD3.Bar(el, options);
bar.render(data);

看起来代码很多,实际上大部分都是设置项。data数据就是需要画到图上的数据。

效果图: enter image description here

现在包含的模板还不是非常多,不过这是潜力股啊,大家抓紧Star~

==========================================================

reD3官网首页

==========================================================

GitHub Tips

今天讲解分支切换命令——git checkout。

上文书我们说到可以通过“git branch B”来创建一个新分支,不过创建之后我们默认还是处在原来的分支。这时我们可以运行“git checkout B”来把当前分支切换到B。checkout之后我们可以运行“git branch”来查看一下,如果B分支前面出现了“*”就表示切换成功了。

命令很简单,我们深入挖掘一下这条命令到底做了些什么事。

首先讲一下git的HEAD。

上文我们说到了“指向一个版本”的概念,大家还记得吗?简单说就是每个分支其实都相当于一个指针,指向某一个提交过的版本。当我们运行commit命令的时候就会创建一个新版本,并将指针移动到这个新版本上。

理解了这个概念,就很容易理解git的HEAD了。一个git库只有一个HEAD,它的作用就是“指向指针的指针”。有点拗口, 我们看图: enter image description here

这样就一目了然了吧,master是当前工作分支,这时HEAD就指向了master。

HEAD会指向当前工作分支。

下面我们具体看“git checkout B”做了什么事:

  • 更新git内部的index、文件以及工作树

  • 更新HEAD,将其指向B分支

这里大家可能有个疑问,如果之前的修改没有commit,那么切换分支时候这些修改是留在原分支还是跟着切换到新分支呢?

答案是后者:如果存在没有提交的修改,会随着切换分支切换到新分支。也就是说假如你进行了一些修改但是没有commit,那么切换分支之后,运行“git status”仍然可以看到这些修改,然后你运行commit的话,会提交到新分支中。

==========================================================

大家有觉得不错的库一定要推荐给我哦~

欢迎扫描二维码关注我的微信号“GitHub不完全装B指南”,获取最新文章。

谢谢~ enter image description here

评论
发表评论
4年前

发布这篇文章之后,有朋友给我推荐百度的echarts,我看了下果然很好,大家也可以看看。

WRITTEN BY
GitHub不完全装B指南
可能是全宇宙最低端的GitHub使用教程,1秒学会如何用别人的库装自己的逼!
TA的新浪微博
PUBLISHED IN
GitHub不完全装B指南

介绍我自己搜集到的一些优秀开源库,希望通过自己的努力让更多的人认识GitHub,了解GitHub,最后从GitHub中受益!

力图用最轻松的方式让大家会用最牛B的库!

我的收藏