Swiftのchartsの円グラフについてです。

Question

ChartsのPieChartでグラフ内のvalueを表示しない方法はありますか？
PieChartのvalueは以下の様に追加しますが,実際に表示するときその値を表示しないで円だけを表示する事は可能でしょうか？

PieChartDataEntry(value: 5, label: "")

Answer 1

前回書いたコードの流用ですが

        let entries = someArray.map{ element -> PieChartDataEntry in
            let value = Double(element)
            return PieChartDataEntry(value: value)
        }
        //entriesは[PieChartDataEntry]
        let dataSet = PieChartDataSet(values: entries, label: "")
        
        dataSet.drawValuesEnabled = false //←こいつ

これでOKです。

iOS-Chartsって割となんでも出来ちゃうので大好きなのですが、どの段階（entry -> dataSet -> data）でどのプロパティをセットできるのかがちょっと分かりにくいですよね。

あとは力業でIValueFormatterとNSObjectを継承したクラスを作ってその中でstringForValue(_:entry:dataSetIndex:viewPortHandler:) -> Stringを実装する時に返り値を全部""にしちゃって、そのクラスをdataSet.valueFormatterに放り込むなんてのもいけます。前の質問でPieChartに空欄があるということだったのでこっちも使える可能性があるかと思い紹介してみました。

class CustomFormatter: NSObject, IValueFormatter {
        func stringForValue(_ value: Double,
                        entry: ChartDataEntry,
                        dataSetIndex: Int,
                        viewPortHandler: ViewPortHandler?) -> String {
             return ""
        }
}

func setupPieChart() { 
        let entries = someArray.map{ element -> PieChartDataEntry in
            let value = Double(element)
            return PieChartDataEntry(value: value)
        }
        //entriesは[PieChartDataEntry]
        let dataSet = PieChartDataSet(values: entries, label: "")
        dataSet.valueFormatter = CustomFormatter()  //<-ここ
}

また、このやり方を応用すれば任意のEntryだけ好きな文字列を表示させたりも出来ます。

（追記および修正）

ご要望にお応えしてみました。
丸々コピペしても動きます（動作確認済み）。Outlet接続はちゃんと再設定してください。あとコンソールに色々printした結果が出てくるのでその結果とコードを見比べるといいでしょう。

import UIKit
import Charts

class ViewController: UIViewController {

    @IBOutlet weak var pieChart: PieChartView!

    //UIButtonをタップすることで下記の追記した二つの関数を呼び出しチャートを書き換えます。
    //追記
    @IBAction func tap(_ sender: UIButton) {
        let hourValues = [9, 3, 5, 7.0]
        let set = makeSet(values: hourValues)
        change(types: set.types, values: set.values)
    }

    override func viewDidLoad() {
        super.viewDidLoad()
        makePieChart()
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
    }



    //追記  だいたいこういう感じでvaluesを元にしたり他の引数を入れたりしてFormatterに入れる引数を作ったりします
    func makeSet(values: [Double]) -> (types: [ActivityType], values: [Double]) {
        let minutesValues = values.map{$0 * 60} // 分表記
        let types: [ActivityType] = [.sleeping, .blank, .training, .blank]
        return (types, minutesValues)
    }

    //追記  ここではすでに作られたpieChartの一部分だけを修正して、それをpieChartに通知します。そうすることで画面に表示されているチャートの情報が書き換わります。
    func change(types: [ActivityType], values: [Double]) {
        guard let dataSet = pieChart.data?.dataSets.first as? PieChartDataSet else {
            fatalError()
        }
        let entries = values.map{PieChartDataEntry(value: Double($0))}
        dataSet.values = entries
        dataSet.valueFormatter = CustomLabelFomatter(types: types, values: values)
        pieChart.notifyDataSetChanged()
    }
    
    func makePieChart() {
        let hourValues = [8, 4, 2, 9.6, 0.4] // <=24時間、時間表記
        let minutesValues = hourValues.map{$0 * 60} // 分表記
        let types: [ActivityType] = [.sleeping, .blank, .training, .blank, .training]
        
        let entries = minutesValues.map{ element -> PieChartDataEntry in
            let value = Double(element)
            return PieChartDataEntry(value: value)
        }
        //entriesは[PieChartDataEntry]
        let dataSet = PieChartDataSet(values: entries, label: "")
        
        dataSet.colors = [.purple, .gray, .blue, .gray, .blue]
        dataSet.valueFormatter = CustomLabelFomatter(types: types, values: minutesValues)  //<=ここでFormatterを設定
        
        let data = PieChartData(dataSet: dataSet)
        pieChart.data = data
    }
}

//下記にもありますが[String]を用意せずにtype.rawValueという形でlabelを表示していきます。ここはそのための下準備
enum ActivityType: String {
    case sleeping = "睡眠"
    case training = "トレーニング"
    case blank = "空白"
}

class CustomLabelFomatter: NSObject, IValueFormatter {
    
    let types: [ActivityType] //最初は[String]でやっていましたがTypeを作ってやる方法に興味がありそうなのでそちらでやっています
    let values: [Double]
    
    init(types: [ActivityType], values: [Double]) {
        self.types = types
        self.values = values
    }
    
    func convert(value: Double) -> String {
        guard let convertedString = values
            .enumerated()
            .filter({$0.element == value})
            .map({ tuple -> String in
                
                let index = tuple.offset
                let type = types[index]
                
                //例えがvalueが5.0より少ないときは何も表示しないとの事でしたが5.0だと扱いにくいので条件を変えています。具体的にはvalueの中身を分表記にして30分未満の場合は何も表示しないとしています。なので最後のPieChartDataEntryにはlabelがありません。
                //ちなみにこんな風に処理の途中でreturnするのを早期リターンと言います。早期リターンを行うとそこより下の処理はせずとっとと次の処理に行くのでいろんな面で優しいです。
                if value < 0.5 * 60 {
                    print("早期リターン")
                    return ""  
                //ちなみにこんな風に処理の途中でreturnするのを早期リターンと言います。早期リターンを行うとそこより下の処理はせずとっとと次の処理に行くのでいろんな面で優しいです。
                }

                print("処理継続中")

                switch type {  //今回はあまりメリットがありませんがswitch + enumはかなり強力です。漏れがあるとXcodeからお叱りが飛んできます。単純な処理だけど場合分けの量が多い時なんかはif文よりswitch文 + enumの方が楽でしょうね。
                case .blank:
                    return ""  //.blankの場合は何も表示しません
                default:
                    return type.rawValue  //が、そのほかのtypeだった場合enumのrawValueを呼び出します。こいつはActivityTypeを見れば分かりますがStringを返しています。
                }
                
            }).first else {fatalError()}
        
        return convertedString
    }
    
    func stringForValue(_ value: Double, entry: ChartDataEntry, dataSetIndex: Int, viewPortHandler: ViewPortHandler?) -> String {
        print(value)  //ここでのvalueは各々のPieChartDataEntryのvalueです
        return convert(value: value)
    }
}

Comments

[Hayato1201]

前回の質問も考慮に入れた回答で大変助かります！
確かにclass LabelFormatterの様な場合分けができるとなお良いのですが、このTypeとはどういう事でしょうか？例えばどういった条件を付けられるのでしょうか？class LabelFormatterの方の使い方の例を示していただけるとありがたいです！

[xAxis]

ちょっと修正してみました。だいたいこんな感じです。

[Hayato1201]

返信ありがとうございました！
理解力が乏しくて申し訳ないのですが、LabelFormatterを呼び出すときは、以下の様に、
let dataSet = PieChartDataSet(values: entries, label: "")
dataSet.valueFormatter = LabelFormatter(labels: labels, values: values, type:type)
の様にするという事で良いのでしょうか？その場合最初２つの引数は表示させたいlabelの配列とentry.valueに入れた値の配列という事ですが、typeに関してはどの様にすれば良いのでしょうか？そもそもvalueFormatterに対して以上の様に用いるのであっているのでしょうか？
何度もすみません！

[Hayato1201]

例えばですが、以下の様にlabelがblankのときは何も表示せずそれ以外は普通に表示という様にしたいです。
さらにvalueの値によって例えばvalueが5.0より少ないときは何も表示しないとかにもできると理想的なのですが。。。
switch type {
case .blank:
return ""
default:
return "(labels[index])"
}

[xAxis]

> dataSet.valueFormatter = LabelFormatter(labels: labels, values: values, type:type)
呼び出し方はこれで合ってますよ。
これ実はBarChartViewに対して書いたFormatterを解答欄にコピペしてそのまま修正したのでPieChartViewに対してこのままコピペはうまく動かないかもですね（というか今見直したら動きそうもないです）。
Xcode立ち上げて書いてみるのでしばしお待ちください。

[xAxis]

とりあえず書き込めるだけ書き込んだので色々見るなり分からなければ質問なりどうぞ。ちなみにいろんなやり方があるのであくまでもほんの一例です。

[Hayato1201]

ここまで丁寧に書いていただき助かります。。。！
また質問なのですが、自分の場合、ラベルの値は動的に変わるものなので、あらかじめtypeのcaseを以上の様に定義する事ができないのですが、その場合どうしたら良いでしょうか？？

[xAxis]

それならFormatterに渡す配列をTypeで渡すのではなくStringで渡せばいいだけですよ。

[xAxis]

書き換えるの面倒なのでFormatterのメンバのtypes: [ActivityType]をstrings: [String]とかにしちゃってください。

[Hayato1201]

できました！
ここまで大変ありがとうございました！
一旦ベストアンサーとさせて頂きますが、chartsについてもう少し見た目を改善したいことがあるのでまた別で質問を投稿するかとも思いますが,その時はまた回答頂ける様であれば助かります！！

[xAxis]

そうですね、質問はこのコメント欄でやるよりも別に分けて質問した方が検索する人にとっても有益でしょう。私の答えられる範囲でよければまたどうぞ。

[Hayato1201]

今更で申し訳ないのですが、ここで回答いただいたコードについて再度疑問点があり、質問を投稿させていただいたので、もしまたご回答いただけたら大変助かります。。。。！

[Hayato1201]

申し訳ないです、解決しました！