Issue adding YOChartImageKit to view

Question

I am trying to add a chart to my iWatch application, but there are all sorts of errors. I am definitely missing some knowledge, but you can see my code below and I am following the instructions here.

I am not sure where to add the code for the chart. Is it supposed to go in the View file?

The error I see when using the code below is:

Cannot convert value of type '(TeamsView) -> () -> some View' to expected argument type 'CGRect'

import SwiftUI
import YOChartImageKit

struct TeamsView: View {
    
   private var image: YOLineChartImage = {
     let image = YOLineChartImage()
     image.strokeWidth = 4.0
     image.strokeColor = UIColor(displayP3Red: 1.0, green: 0.0, blue: 0.0, alpha: 1.0)
     image.values = [0.0, 1.0, 2.0]
     image.smooth = false
     image.drawImage(frame, scale: 1)
     return image
   }()
   
   var body: some View {
        VStack{
            Text("Teams")
            List([Team(id: "1", name: "Liverpool"),
                  Team(id: "2", name: "Man Utd.")]) {
                    team in TeamRow(team: team)
                }
             image
        }
    }
}

Does `YOLineChartImage` conform to `some View`, `Image`, or some other SwiftUI `View`? I just quickly looked at at a Git Repository and it seems to conform to `UIKit` classes. If so you need to create a `UIViewRepresentable` or a `UIViewControllerRepresentable` — lorem ipsum, Dec 18 '20 at 22:56
hey @loremipsum thanks for this info, I believe this is the issue. Do you know how to do this? — peter flanagan, Dec 19 '20 at 20:49
I don't know enough about the repository to give you exact code but if it is a `UIView` it goes into a `UIViewRepresentable` if not it goes into a `UIViewController` then wrapped into a `UIViewControllerRepresentable` there are many tutorials. The easiest way to practice the code would be to look at Apple SwiftUI tutorial "Interfacing with UIKit". Next, I would suggest you look for tutorials that wrap an `MKMapView` https://stackoverflow.com/questions/63110673/tapping-an-mkmapview-in-swiftui https://www.hackingwithswift.com/books/ios-swiftui/wrapping-a-uiviewcontroller-in-a-swiftui-view — lorem ipsum, Dec 19 '20 at 21:11

score 0 · Answer 1 · answered Dec 19 '20 at 05:24

0

The YOLineChartImage draws a UIImage, so here is fixed code:

struct TeamsView: View {
    
   private var image: UIImage = {         // << here !!
     let image = YOLineChartImage()
     image.strokeWidth = 4.0
     image.strokeColor = UIColor(displayP3Red: 1.0, green: 0.0, blue: 0.0, alpha: 1.0)
     image.values = [0.0, 1.0, 2.0]
     image.smooth = false     
     return image.drawImage(frame, scale: 1)   // << here !!
   }()
   
   var body: some View {
        VStack{
            Text("Teams")
            List([Team(id: "1", name: "Liverpool"),
                  Team(id: "2", name: "Man Utd.")]) {
                    team in TeamRow(team: team)
                }
            Image(uiImage: image)        // << here !!
        }
    }
}

answered Dec 19 '20 at 05:24

Asperi

228,894
20
464
690

thanks for this... I am getting an error `Cannot convert value of type '(TeamsView) -> () -> some View' to expected argument type 'CGRect'` – peter flanagan Dec 19 '20 at 19:35
This error cannot be generated in above code it is rather in code where you use `TeamsView`. – Asperi Dec 19 '20 at 19:39
I only use it in the `ContentView` like this: ` NavigationLink(destination: TeamsView()){ Text("Start") }` – peter flanagan Dec 19 '20 at 19:59
I can't see anywhere else that I call `TeamsView` in the code – peter flanagan Dec 19 '20 at 20:39
I think it is related to @lorem ipsums below above my question – peter flanagan Dec 19 '20 at 20:48
Ok, is this all code provided? I don't see any declaration of `frame` used in `image.drawImage(frame, scale: 1)` - where do you get it from? – Asperi Dec 20 '20 at 04:00
from here - https://github.com/yasuoza/YOChartImageKit#solid – peter flanagan Dec 20 '20 at 16:43
any ideas @asperi? – peter flanagan Dec 21 '20 at 19:16
You need to specify your own `frame` (ie CGRect) of which image size you want to draw. – Asperi Dec 22 '20 at 05:21

Issue adding YOChartImageKit to view

1 Answers1