我在移动设备上测试前面教程的图表实例时发现，当手指点击图表出现ToolTip时，图表容器的会出现一个半透明的高亮背景。设备浏览器不一样，颜色也不一样，很是影响交互效果。试了一下用Javascript来移除，花了一天时间也没弄出来，最后不得不Google了，又花了几个小时，终于用CSS3搞定了。

查看更多...

Tags: MobileMobile CSSCSS

Flotr的轴默认为线性轴(mode="normal")。为什么要使用Flotr自定义线性轴来显示时间呢？正如上一篇文章所言：如果使用时间轴，当时间范围为五天时，会在当天与下一天之间绘制一大段多余的连接线，而且轴标签有时会找不到对应的数据点而缺少实际意义。因此，有必要自定义线性轴而不是使用时间轴。

查看更多...

Tags: ChartChart

HTML5虽然还在起草阶段，但这不妨碍Html5 Canvas的流行。不管是简单游戏还是绘制图表，Html5 Canvas完全都可以胜任，各种主流浏览器都对Html5 Canvas支持得很好，低版本的IE也可以使用Excanvas来兼容。我们可以预见：Html5 Canvas将代替Flash绘制交互性很强的股票图。本文推荐使用Flotr，它是目前我见过的功能最全、性能最好、最适合绘制股票的HTML5 JavaScript图表库。不仅支持各种类型的图表（包括蜡烛图），还支持各种交互操作，如鼠标跟踪、选择缩放等。适当扩展，完全可以做出Google Finance那样的效果：http://www.humblesoftware.com/finance/index。本文的实例这么复杂，主要介绍一下绘制股票图基本流程和注意事项。

查看更多...

Tags: ChartChart

Flotr是一个基于Prototype开发的javascript绘图工具。支持图例、鼠标跟踪、图片区域选择、图片缩放、添加事件钩子（event hook）、通过CSS设置样式等。本文是快速创建并运行Flotr的入门指南。首先确保你从Google Project得到Flotr的副本。

查看更多...

Tags: ChartChart

HTML5 canvas最流行的应用之一是绘制图表。我们将用一个很简单的例子，讲述如何在画布上绘制图表。明白这些基本概念后再进一步深化，就可以使我们的图形功能更灵活。

查看更多...

Tags: TestDriveTestDrive

Flex手机应用中没有Alert组件。今天在Flex Developer Center看到一篇文章：http://www.adobe.com/devnet/flex/articles/flex-mobile-development-tips-tricks-pt4.html，觉得用SkinnablePopUpContainer来弹出Alert窗口确实简单，但这种做法太过简单了，不能重用代码，旋转手机时Alert窗口不能重新居中，于是我花了点时间自己做了一个Mobile Alert组件。

查看更多...

Tags: MobileMobile ControlControl