Charts：一個強(qiáng)大的iOS圖表框架

原文地址：

創(chuàng)新新互聯(lián)，憑借十余年的成都做網(wǎng)站、成都網(wǎng)站設(shè)計經(jīng)驗，本著真心·誠心服務(wù)的企業(yè)理念服務(wù)于成都中小企業(yè)設(shè)計網(wǎng)站有近千家案例。做網(wǎng)站建設(shè)，選創(chuàng)新互聯(lián)公司。

ios-charts是一個強(qiáng)大的圖表框架， MPAndroidChart 在 iOS 上的移植。

主要功能

線形圖（有圖例，簡單的設(shè)計）

線形圖（平滑曲線）

線形圖（漸變填充）

復(fù)合圖表（直方圖與線形圖相結(jié)合）

直方圖（有圖例，簡單的設(shè)計）

直方圖（分組展示數(shù)據(jù)）

水平直方圖

餅狀圖（分塊可選）

散點(diǎn)圖（可以使用方形、三角形、圓形等）

燭柱圖（用于金融數(shù)據(jù)）

氣泡圖（根據(jù)氣泡表示的值的大小來確定氣泡的大小）

雷達(dá)圖（蜘蛛網(wǎng)狀的圖表）

通過 CocoaPods 安裝：

在你的 Podfile 文件中添加pod 'Charts'，“Charts” 是庫的名字。

Realm 支持在 Podfile 文件中指定子模塊：

pod 'Charts/Realm'

1

pod'Charts/Realm'

注意： pod 'ios-charts' 無法導(dǎo)入正確的庫，它指向的是另外一個工程。

通過 Carthage 安裝：

Charts 包含了 Carthage 預(yù)編譯庫。

github "danielgindi/ios-charts" == 2.2.3

github "danielgindi/ios-charts" ~ 2.2.3

1

2github"danielgindi/ios-charts"==2.2.3

github"danielgindi/ios-charts"~2.2.3

為了建立一個新版本的庫，請使用carthage build --no-skip-current carthage archive Charts carthage archive ChartsRealm。

使用

為了能夠正確編譯：

1、將Charts.xcodeproj文件拖拽到你的工程中

2、在 TARGETS — General —?Embedded Binaries 下，點(diǎn)擊+按鈕，選擇?Charts.framework

3、臨時解決方法：Xcode 6.3.1中有一個 bug ，在使用@import導(dǎo)入頭文件之前必須先進(jìn)行編譯，所以請先點(diǎn)擊 “Build” 進(jìn)行編譯

4、@import Charts

5、如果需要在 ObjC 的工程中使用 Swift 文件：

你需要導(dǎo)入 Bridging Header?文件。通常?Bridging Header 文件被命名為

“YourProject-Swift.h”，因此在?ChartsDemo 中是

“ChartsDemo-Swift.h”。不要在你自己的工程中使用 “ChartsDemo-Swift.h” 進(jìn)行導(dǎo)入。

在?TARGETS — Build Settings 下搜索 “Embedded Content Contains Swift Code” ，并將其修改為 Yes 。

6、如果需要使用 Realm.io ：

注意 Realm 框架并沒有鏈接到 Charts ——只是進(jìn)行了可選綁定。這意味著使用 Charts 時需要在工程中包含 Realm 框架，并且要使用一個兼容的版本。我們會盡最大努力在新的版本中解決這個問題。

開發(fā)資源

Wiki

ChartsDemo 項目

開源地址：

如何在 Swift 語言下使用 iOS Charts API 制作漂亮圖表

接著，我們添加函數(shù)庫到項目中。你可以用 CocoaPods 安裝該庫，這里我們直接手動安裝。

下載 ios-charts 項目，這個 zip 文件包含了函數(shù)庫（名為 Charts 的文件夾）和一個示例項目（名為 ChartsDemo）。如果你想了解更多關(guān)于函數(shù)庫的知識，示例項目是很棒的資源。

解壓縮已下載的文件，并將 Charts 文件復(fù)制粘貼到你項目（iOSChartsDemo）的根目錄下。在 Finder 中打開Charts文件，并將 Charts.xcodeproj 拖拽到 Xcode 項目中。結(jié)構(gòu)如下圖所示。

接著從項目導(dǎo)航中選擇你的項目，并確保該 iOSChartsDemo 目標(biāo)被選中。在右邊的常規(guī)選項卡中找到 Embedded Binaries 部分，點(diǎn)擊該部分的+號添加圖表框架。從列表中選擇 Charts.framework 并點(diǎn)擊 Add。

如果你想在 Objective-C 中使用函數(shù)庫，請參考使用說明。

用 Command-B 或選擇 Product Build 來生成項目。如果不這樣做，當(dāng)你導(dǎo)入 Charts 框架到你的項目時，Xcode 會報錯——無法加載 Charts 底層模塊。

現(xiàn)在開始創(chuàng)建第一個圖表。

創(chuàng)建一個柱形圖

打開 BarChartViewController.swift 文件，添加以下聲明。

import Charts

打開故事板文件。我們需要添加用來顯示圖表的視圖。從文檔綱要中選擇 Bar Chart View Controller，并在屬性檢查器中取消 Extend Edges 的 Under Top Barsin 選項。我們不希望圖表自動延伸至導(dǎo)航欄下方。

接著拖拽一個視圖到 Bar Chart View Controller 中，并按下圖定位邊界。該視圖為控制器中主視圖的子視圖。

視圖被選中后，在識別檢查器中將它的類設(shè)為 BarChartView。再使用助理編輯器，加入視圖的 outlet 到 BarChartViewController 類，并命名為 outletbarChartView。在 BarChartViewController 類中添加下列代碼。

@IBOutlet weak var barChartView: BarChartView!

運(yùn)行項目，并從表格中選擇柱形圖，你可能會得到視圖提示信息：無可用的圖表數(shù)據(jù)。

iOS中圖表要怎么畫

我所用到的最好的 iOS 圖表庫有兩個一個是 Swift 版本的 Charts 不過混編起來有點(diǎn)操蛋.另外一個就是國人寫的AAChartKit ,幾乎支持所有主流類型(柱狀圖?、條形圖?、折線圖?、曲線圖?、折線填充圖?、曲線填充圖、雷達(dá)圖、極地圖、扇形圖、氣泡圖)的數(shù)據(jù)圖表,配置也非常簡單.

在此附上 AAChartKit 鏈接地址 網(wǎng)頁鏈接,?下面是他的官方介紹

環(huán)境友好,兼容性強(qiáng). 適配?iOS 6 +, 支持ARC,支持?Objective-C語言,配置簡單.同時更有 Swift 版本AAInfographics可供使用.

功能強(qiáng)大,類型多樣. 支持柱狀圖?、條形圖?、折線圖?、曲線圖?、折線填充圖?、曲線填充圖、雷達(dá)圖、極地圖、扇形圖、氣泡圖、散點(diǎn)圖、區(qū)域范圍圖、柱形范圍圖、面積范圍圖、面積范圍均線圖、直方折線圖、直方折線填充圖、箱線圖、瀑布圖、熱力圖、桑基圖、金字塔圖、漏斗圖、等二十幾種類型的圖形,不可謂之不多.

交互式圖形動畫. 有著清晰和充滿細(xì)節(jié)的用戶交互方式,與此同時,圖形渲染動畫效果細(xì)膩精致,流暢優(yōu)美.有三十多種以上渲染動畫效果可供選擇,用戶可自由設(shè)置渲染圖形時的動畫時間和動畫類型,關(guān)于圖形渲染動畫類型,具體參見?AAChartKit 動畫類型.

支持手勢縮放.支持圖表的手勢縮放和拖動閱覽,手勢縮放類型具體參見?AAChartKit 手勢縮放類型,默認(rèn)禁用手勢縮放功能.

極簡主義.?AAChartView + AAChartModel = Chart,在?AAChartKit?圖表框架當(dāng)中,遵循這樣一個極簡主義公式:圖表視圖控件 + 圖表模型 = 你想要的圖表.同另一款強(qiáng)大而又精美的圖表庫AAInfographics完全一致.

鏈?zhǔn)骄幊陶Z法. 支持類?Masonry?鏈?zhǔn)骄幊陶Z法,一行代碼即可配置完成?AAChartModel模型對象實(shí)例.

新聞名稱：ios圖表開發(fā),ios繪圖框架
本文網(wǎng)址：http://chinadenli.net/article37/dsisppj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、品牌網(wǎng)站設(shè)計、ChatGPT、網(wǎng)站制作、用戶體驗、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)