之前做了个简单Pie Chart，今天上个简单Column Chart，也是筹Sample数量的同时，看看在真正开发ColumnChart类的时候需要注意的问题，做的过程里面确实发现不少。（小东西大智慧呀）。

Column Chart 设计需要注意的几个地方，

1. column的颜色
   颜色这个问题是比较敏感的，多种颜色的搭配直接影响了看图人的心情，我试过亮色直接的搭配，奇丑无比。结果尝试了集中深色配合白色背景，算是一种简单风格，还过得去。
2. column刻度的现实，柱状图最重要的是让看图人直接看到每项的实际数值是多少，感官上能直接体会与其他项的对比。我试过在每项左右两边显示，用横线引导在Y轴上显示，在每项的下端显示都不是很好的办法。所以选择了直接在每项的上面标出数值。这个有待研究下。
3. 分组的柱形图，可能包括组名和组内每项的名称，文字的排列向来都比较讲究，所以还没有实现，当做是一个考虑到而卖个关子的遗憾吧。（真绕口）
4. 自适应的长宽比率，如果真是在实现ColumnChart类的话，要能适应用户输入的多组数据导致的图形变形，字体不错位，Y轴刻度正确，会不会出现正负方向，不超出初始设置的svg图像大小，这些都要考虑的，唉。
5. 和Pie图一样，需要再进一步定义更好的数据传入格式。
6. 动画的多样性，能实现这个遮罩，我觉得还是很不错了，得意下（其实SVG原生就支持）。
7. 互动性不够
8. 我还是比较懒，有时间都不知道浪费在什么地方了，(╰_╯)#

这次实现这个柱状图，用到了Marker，主要是X和Y轴的结尾三角形表示方向。当然，也可以指定任何形状。关于W3C 中Marker的链接如下：

http://www.w3.org/TR/SVG/painting.html#MarkerElement

Sample的链接：

http://sheldonw.sinaapp.com/mr-and-ms/Mr.Graph/samples/column%20chart.html

附上截图：

PS：图是小了点，可别忘记了，每个柱是可以点的，点点看吧。