档案日期2014的10

2014年3月10日 - 2014年3月16日

使用amCharts绘制统计图表(柱状图、折线图、3D图)

amCharts

amCharts是一款优秀的数据可视化js图形库,包括Javascript Charts, Javascript Stock Chart和Interactive Javascript Maps三类产品,本文简单介绍一下Javascript Charts的用法。

amCharts的安装:

从amCharts官方网站下载所需的图形组件,将压缩包解压至备选目录。把amcharts文件夹从下载到的zip文件中拷贝至工作目录下。然后使用你熟悉的编辑器创建一个简单的html文件,例如命名为columnchart.html。

接下来,我们打开文件开始编码。

添加容器:

页面所需的唯一HTML元素就是图表的容器。我们像这样来添加一个DIV:

<body>
    <div id="chartdiv"></div>
</body>

JavaScript图表将使用这个对象作为绘图容器。请注意我们将其命名为"chartdiv",这个名字后面会用到。

引用JavaScript库文件

在页面的head部分我们需要添加amCharts JavaScript库文件的引用。由于V3 amCharts库被拆分成了几个文件,为了节省几个kb空间—你需要添加amchart.js主文件,并根据你的需求来决定添加一个或者多个图表文件。柱形图属于序列图的一种,因此我们包含这两个js文件:

<script src="amcharts/amcharts.js" type="text/javascript"></script>
<script src="amcharts/serial.js" type="text/javascript"></script>

注意:添加顺序很重要,amcharts.js应该放在最前面。

我们需要一些示例数据来生成图表,在此我们添加一个简单的JavaScript数组对象:

<script type="text/javascript">

	var chartData = ...

继续阅读

关于SAE的碎碎念—写在2014的前面

        “无所不知等于一无所知”,“什么都略懂一点儿,生活更多彩一些”,各有各的道理,但我更喜欢后面一句。

        初识新浪云是在大约1年之前,那时的云计算对我来说还只是一个非常高端的词汇,套用一句关于大数据的经典评论“云计算就像青春期的性:所有人都在谈论它,没有人真的知道怎么做,每个人都觉得其他人也在做,所以大家都声称自己也在做”。机缘巧合,非常感谢那时还在新浪实习的W君的无私帮助,让我通过SAE真正开始了解云计算到底在做些什么事情。

        所谓“师傅领进门,修行在个人”,从W君那里了解了一些基础知识后,自己便开始在SAE做一些小东西,Trial and Error,一边尝试一边学习,不久就基本掌握了SAE的用法。那时的我只会一些Java,然而囊中羞涩,不舍得花钱买芸豆的我惊喜的发现Python平台的花费要比Java平台小许多,于是毫不犹豫地开始学习Python,感谢SAE让我加入了Python程序员的行列。

        2014,我们要做的还有很多。“我是要成为站长的男人”!许多SAE用户都怀有一颗成为成功站长的雄心。然而现实很残酷,并非每个人都能达到理想的彼岸,不过没关系,过程好结果并不重要,奋斗的经历本身就是一笔无价的财富。通过在SAE上的探索,可以让你了解到许多从未涉足的领域,学习到很多宝贵的知识和经验,更重要的是,习得独立解决问题的思维与能力。对于独立开发者,SAE可以帮助你成为一名“全栈工程师”,横向了解从前端到后台的各个层面,开阔视野。

        SAE不止是一个云计算平台,更是一个成就梦想的舞台。2014期待SAE可以做的更好,期待更多优秀的项目能够借助SAE收获成功,也期待越来越多的草根开发者可以在SAE的舞台上绽放出自己的光彩。

每日归档

上周

下周

归档