移动端优秀图表库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)


    网状雷达图

推荐阅读更多精彩内容