瘦人说

Sample – Simple Pie

为了加快进度,不得不先尝试着做个Chart出来,饼图自认为是需要注意的地方比较多的,所以就做了个简单的饼图,从中还发现了一个opera不遵循W3C标准的bug,唉,怎么着都要遇到些这种麻烦。

需要再改进的地方(此处这个只是Sample):

  1. 整理源数据json结构
  2. 封装为Pie类方便使用
  3. 整个饼图加载的旋转效果
  4. 每个块加载的速度要统一
  5. 每个块的描述性文字旁边的指引线算法可以再灵活些
  6. 块与块的颜色选定(默认情况下)
  7. 标题美化,比如加上阴影
  8. (╰_╯)#我懒我承认

此Sample的链接:http://sheldonw.sinaapp.com/mr-and-ms/Mr.Graph/samples/pie.html

相关文档可以查看arc path:http://www.w3.org/TR/SVG/paths.html#PathDataEllipticalArcCommands

贴图:

Comments

Proudly published with Hexo