CpringChartライブラリを使用して迅速にリングチャートを作成するための実用的なガイド

7090 ワード
chart ios cocoapod swift テキストリンク
CPringChart迅速にリングのグラフを作成するためのカスタマイズ可能な迅速なライブラリとコードのちょうどいくつかの行です.あなたはCocoPodsを使用して迅速なプロジェクトにそれを追加することができます.
これらの種類のチャートを作るための最も広く使われているライブラリは、私の意見では、おそらくダニエルGindiによる驚くべき'チャート'ライブラリですhttps://github.com/danielgindi/Charts ). しかし残念ながらそれはあなたのスライスに丸いキャップを追加するオプションを提供していません.したがって、このライブラリは、その問題を解決することを目指しています.
この例では、このライブラリの機能を実証するためのサンプルプロジェクトを行います.
我々は、ストーリーボードを使用してUKitを使用されますが、あなたがしたい場合は、ストーリーボードなしでそれを使用することができます.
プロジェクトをすばやく設定しましょう.
  • Xcodeを開き、新しいアプリケーションを作成します.
  • 私はこのプロジェクトを' cpringchartexample 'と名付けましたが、あなたのプロジェクトは何でも名前を付けることができます.アプリのインターフェイスとして';ストーリーボード';を選択し、アプリケーションのライフサイクルとして“Uikitアプリ代表”を選択します.コアデータを必要としないので、チェックボックスをそのまま使用します.
  • 簡単にあなたのシステム上で見つけることができるプロジェクトを保存します.私はこのプロジェクトをデスクトップに保存した.

    • ココヤツインストール

  • プロジェクトが作成されたら、Xcodeプロジェクトを閉じ、「ターミナル」ウィンドウを開きます.
  • 我々はcocoapodsを使用してこのライブラリをインストールするので、あなたのシステムにインストールされたcocoapodsを確認します.あなたならばtはあなたのシステムにインストールされたcocoapodsを持っています.
    • $ sudo gem install cocoapods
    あなたが他のインストール方法を使用するのを好むならば、あなたはCocoPodsドキュメンテーションを参照することができますhttps://guides.cocoapods.org/using/getting-started.html
  • 次に、ターミナルウィンドウで、Xcodeプロジェクトフォルダの場所に移動しますcd コマンド.私はナビゲーションを使用する
    • $ cd Desktop/CPRingChartExample
  • 今、あなたのプロジェクトでcocoapodsを初期化する
    • $ pod init
  • 次の行を追加してください.
    • pod 'CPRingChart'
  • ターミナルを開き、プロジェクトフォルダに移動して実行する
    • $ pod install

    ライブラリと使用のインポート


    CPPRingChartをプロジェクトに追加しましたので、どのように利用できるかを見てみましょう.
  • 開ける.xcworkspace Xcodeプロジェクトフォルダで作成されたファイル.オープンViewController.swift
  • 既存のコードを次のように置き換えますViewController.swift ファイル
    • //
//  ViewController.swift
//  CPRingChartExample
//
//  Created by Subhronil Saha on 21/08/21.
//

import UIKit
import CPRingChart

class ViewController: UIViewController {

    @IBOutlet weak var ringChart: CPRingChart!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Ring chart setup here
        ringChart.sections = 5
        ringChart.values = [4, 5, 1, 2, 6]
        ringChart.fillColors = [.lightGray, .systemTeal, .systemOrange, .systemPurple, .systemPink]
        ringChart.reloadChart()

    }

}
    このコードをコード説明部で説明します.
  • オープンMain.storyboard ビューコントローラにUIViewをドロップします.クラスを変更するCPRingChart . アウトレットにもリンクringChart 年以前に作成ViewController.swift .
  • プロジェクトを実行します.出力としてこれを見るべきです.

    • コード説明


  • CPRingChartには、常に設定する必要のあるいくつかの必須プロパティがあります.これらは
  • sections - グラフのセクション/スライスの数.
  • values - エーDouble 各セクションの値を含む配列.
  • 長さvalues 常にsections .
  • fillColors - 安UIColor 各セクションの色を指定する配列です.
  • 長さfillColors 常にsections .

  • その他のオプションプロパティには、次のものがあります
  • spacing - セクション間の間隔.
  • を取るDouble 0 - 1の間の値.
  • 相対相対間隔を適用します.
  • デフォルト値は0.05です.
  • ringWidth - リングの幅.
  • デフォルト値は10です.
  • roundedCap - 終端が丸められるかどうかを示す論理値.
  • デフォルト値はtrue .
  • centerFillColor - グラフの内側の円の中央の塗りつぶし色を表すUicolor値.
  • デフォルト値はUIColor.clear .
  • したら、常にメソッドを呼び出す必要がある変更を行うてreloadChart() .
    • それで、あなたはちょうどコードの＜10行のリングチャートを作成しました!😎 あなたが図書館または他のさらなる機能性の改善に関してどんなコメントまたは提案をするならば、あなたはここでコメントを落すことができるか、私に電子メールを送ることができます[email protected] .
    ここで使用するソースコードを見つけることができます.
    https://github.com/subhronilsaha/CPRingChartExample
    読書ありがとう.
    asp.Net自家製ページング
    Referingで学んだこと