开始学习编码吧。
开始学习

Adobe公司的软件工程师罗希特·博加拉普(Rohit Boggarapu)(也是我们最喜欢的客座作者之一!)今天回来发表另一个很棒的教学帖子。

在我的最后一篇文章中,我列出了给web开发者的12个最佳图表库。今天,我将使用其中一个图书馆来绘制一些有趣的东西 - 伯克希尔赫瑟瓦,苹果,微软,亚马逊,谷歌和Facebook达到300亿美元的市场资本化(价值)所花费的时间。

我将使用FusionCharts这个项目的JavaScript图表库,因为它提供了一个包含90多个图表的巨大库,兼容所有浏览器,并且易于使用。我将从制作一个简单的图表开始,然后继续向其添加注释和事件处理程序等高级特性。

这是我们的项目在最后的样子:

JavaScript图表

来源:这个推文由Chamath Palihapitiya。检查这里是上面图表的实时版本,并访问项目的GitHub回购在这里。现在,让我们开始!

制作第一个图表:2步进程

我将在这篇文章中只描述必要的步骤。要了解详细的说明,您可以浏览上面链接的GitHub repo中解释的代码。

第1步:包括脚本和创建图表容器

每个Web应用程序都有一些需要通过HTML包含的依赖项