美文网首页
iOS-Charts 源码学习和使用教程: 概述(一)

iOS-Charts 源码学习和使用教程: 概述(一)

作者: lexiaoyao20 | 来源:发表于2016-11-19 19:12 被阅读1181次

    Charts是什么?

    Charts是一套非常漂亮的开源图表组件,它是MPAndroidChart在苹果端的移植版本,同时支持iOS/tvOS/OSX平台,开源地址Github

    Charts是用 Swift语言编写的,能够同时在 Swift 和 Objc 工程中使用。

    使用环境

    • Xcode 8.0/Swift 3.0(如果要支持Swift 2.3,请使用 Charts 2.3.0
    • iOS >= 8.0
    • tvOS >= 9.0
    • macOS >= 10.11

    Usage

    为了能够正确编译:

    1. Charts.xcodeproj 拖入你的工程。

    2. 选中工程的TARGETS(如ChartDemo),选择General标签,在 "Embedded Binaries" 区域点击添加按钮(+),然后选择 Charts.framework。如下图:


      Embedded Binaries.gif
    3. @import Charts

    4. 在 Objc工程里面使用Swift

      • 你需要导入桥接头文件(Bridging Header)。通常是 "YourProject-Swift.h"(YourProject为你的工程名),所以 ChartsDemo需要导入的头文件是 "ChartsDemo-Swift.h"。
      • 在 "Build Setting"下,输入Embedded搜索,设置 "EMBEDDED_CONTENT_CONTAINS_SWIFT" 为 YES。
    EMBEDDED_CONTENT_CONTAINS_SWIFT.png

    使用 CocoaPods 安装

    将下面代码添加到Podfile文件中,“ChartsDemo”为你的工程的Target。

    platform :ios, '8.0'
    use_frameworks!
    
    target "ChartsDemo" do
    pod 'Charts'
    end
    

    Questions & Issues

    如果你有问题或疑难,你可以:

    • 确保你使用的是最新版本的库,查看release-section
    • 学习安卓版的 Documentation-Wiki
    • 学习 Pod文档
    • stackoverflow使用 ios-charts标签搜索或者提问。
    • [issues](https://github.com/danielgindi/Charts/issues) 搜索你的问题
    • 创建新问题(请不要创建重复问题,确保之前有搜索过已知问题)

    特性(Features)

    核心功能:

    • 支持8种不同的图表类型
    • 支持两轴缩放(支持触摸手势,两轴单独或同时的放缩)
    • 支持使用触摸手势进行 拖拽/平移。
    • 组合图表(线状,柱状,散点图,蜡烛图,气泡图等)
    • 多个(或单独)的轴
    • 可自定义坐标轴 (包括x 轴和 y 轴)
    • 高亮显示值(支持自定义popup-view来显示选中的值)
    • 可保存图表到 Camera-roll, 支持导出为 PNG 和 JPEG格式
    • 预定义的颜色模板
    • 图例(可自动生成,或者自定义)
    • 动画(支持在x和y轴上建立动画)
    • 限制线(用来提供附加信息,最大值...)
    • 完全自定义(paints,字体,图例,颜色,背景,手势,虚线,...)
    • 可直接从 Realm.io 移动数据库绘制数据

    图标类型示例:

    • LineChart(线状图)


      LineChart.pngLineChart.png
    • LineChart(线状图)


      LineChartLineChart
    • LineChart (cubic lines)


      LineChartLineChart
    • LineChart (渐变填充)


      LineChartLineChart
    • Combined-Chart - 组合图表(下图为线状图和柱状图)


      Combined-ChartCombined-Chart
    • BarChart(柱状图)


      BarChartBarChart
    • BarChart (多个数据集)


      BarChartBarChart
    • Horizontal-BarChart (水平方向的柱状图


      Horizontal-BarChartHorizontal-BarChart
    • PieChart (饼图)


      PieChartPieChart
    • ScatterChart - 散点图(带正方形,三角形,圆形,等等)

    ScatterChartScatterChart
    • CandleStickChart - 蜡烛图(用于财务数据)


      CandleStickChartCandleStickChart
    • BubbleChart - 气泡图(气泡覆盖的区域表示该值)


      BubbleChartBubbleChart
    • RadarChart - 雷达图(蜘蛛网图)

    RadarChartRadarChart

    上面这些基本都是从官网翻译过来了,水平有限,有可能有不正确的地方,欢迎大家多多指正。
    后续会写一个系列出来,敬请期待...

    相关文章

      网友评论

          本文标题:iOS-Charts 源码学习和使用教程: 概述(一)

          本文链接:https://www.haomeiwen.com/subject/hqdepttx.html