使用raphael基础类库画图,兼容ie6+

由于业务需要所有的图表都支持在ie8上能正常显示,且设计在设计图表时未遵循市面上的highcharts、echarts,经过团队调研,最终选择了raphael。本文主要从效果图、基础API、demo三方面来介绍。

  • 首先看一下最终的效果图
使用raphael基础类库画图,兼容ie6+_第1张图片
雷达图
使用raphael基础类库画图,兼容ie6+_第2张图片
环形进度
  • 基础API
使用raphael基础类库画图,兼容ie6+_第3张图片
1
使用raphael基础类库画图,兼容ie6+_第4张图片
2
使用raphael基础类库画图,兼容ie6+_第5张图片
3
使用raphael基础类库画图,兼容ie6+_第6张图片
4
使用raphael基础类库画图,兼容ie6+_第7张图片
5
使用raphael基础类库画图,兼容ie6+_第8张图片
6
使用raphael基础类库画图,兼容ie6+_第9张图片
7
使用raphael基础类库画图,兼容ie6+_第10张图片
8
使用raphael基础类库画图,兼容ie6+_第11张图片
9
使用raphael基础类库画图,兼容ie6+_第12张图片
10
使用raphael基础类库画图,兼容ie6+_第13张图片
11
使用raphael基础类库画图,兼容ie6+_第14张图片
12
  • 雷达图demo






Document




  • 圆环形进度



  
  
  
  Document


  

希望对您有用~~

版权印为您的作品印上版权41722043

你可能感兴趣的:(使用raphael基础类库画图,兼容ie6+)