移动端优秀图表库charts使用

image.png

charts库地址

Android：https://github.com/PhilJay/MPAndroidChart
IOS：https://github.com/danielgindi/Charts

使用描述

丝般顺滑....iOS Charts图表库由MPAndroidChart翻译而来，大部分逻辑属性都可以与android端通用

通用教程

官方教程：https://github.com/PhilJay/MPAndroidChart/wiki
中文教程：https://blog.csdn.net/u014136472/article/details/50273309

Charts 是什么？

iOS Charts是从MPAndroidChart Android库 翻译出来的一个强大且容易使用的图表库

• 支持线状图、柱状图、散点图、烛状图、气泡图、饼状图和蜘蛛网状图
• 支持缩放、拖动(平移)、选择和动画

该图标库支持 跨平台 使用：Android 和 iOS

charts 有哪些特性？

• 8种不同的图表类型
• 两轴缩放（支持触摸手势,两轴单独或同时的放缩）
• 拖 / 平移 / 抛（触摸手势）
• Combined-Charts 组合图表（线状、柱状、散点图等）
• 双轴（比如说有两个独立的Y轴数据）
• 画值 （draw values into the chart with touch-gesture）
• 高亮显示值（我们可以自定义Popup-views来高亮显示我们选中的值）
• 多个 / 单独的轴
• 图保存到sd卡（图像或txt文件）
• 预定义的颜色模板
• Legends （自动生成，自定义）
• 自定义轴（x轴和y轴）
• 动画（建立x和y轴动画）
• 限制线（比如提供附加信息、最大值 …）
• 完全自定义（paints、字体、legends、颜色、背景、手势、虚线 …）
• 平滑缩放和滚动 30.000 数据点（线状，柱状图表）

图表类型样例图

• LineChart (with legend, simple design)

  
  
  

  线形图

• LineChart (with legend, simple design)

  
  
  

  线形图

• LineChart (cubic lines)

  
  
  

  线形图

• Combined-Chart (bar- and linechart in this case)

  
  
  

  复合图

• BarChart (with legend, simple design)

  
  
  

  柱状图

• BarChart (grouped DataSets)

  
  
  

  这里写图片描述

• Horizontal-BarChart

  
  
  水平柱状图

• PieChart (with selection, …)

  
  
  

  饼图

• ScatterChart (with squares, triangles, circles, … and more)

  
  
  

  这里写图片描述

• CandleStickChart (for financial data)

  
  
  

  k线图

• BubbleChart (area covered by bubbles indicates the value)

  
  
  

  气泡图

• RadarChart (spider web chart)

  
  
  

  网状雷达图