我需要帮助来绘制图表，如 iOS 的附加屏幕截图答案

【问题标题】：I need help to draw graph like attached screenshots for iOS我需要帮助来绘制图表，如 iOS 的附加屏幕截图
【发布时间】：2018-04-17 05:42:14
【问题描述】：

我尝试了很多图表，但没有成功。所有图表将根据心率和平均速度动态更新，分别使用监视器和 GPS 实时更新。

此图表将显示用户在特定区域花费了多少时间的数据。
此设计将根据百分比显示挑战的完成情况，其他用户的个人资料将随着完成百分比移动。
此设计将显示运动期间从 1 区到 5 区的心率，我想在图像 1 上绘制相同的数据（第一张图像上方）。橙色的白色部分是一个指示器，它将根据相同设计中显示的心率计数遵循不同的颜色路径。

【问题讨论】：

您应该尝试一些代码而不是共享代码以获得解决方案的代码，这是在 stackoverflow 上提问的正确方法。

标签： ios objective-c iphone graph linechart

【解决方案1】：

您可以有很多选择并使用 highcharts 在线创建。并在本机应用程序中实现。下载 HTML 文件并在评论部分设置您想要的内容。

Highcharts

        func drawChart(barsData:NSMutableArray){

        let jsonData = try! JSONSerialization.data(withJSONObject: barsData, options: (JSONSerialization.WritingOptions(rawValue: 0)))
        let theJSONText = NSString(data: jsonData,
                                   encoding: String.Encoding.ascii.rawValue)
        let htmlFile: String? = Bundle.main.path(forResource: "YourHTML", ofType: "html")
        var htmlString = try? String(contentsOfFile: htmlFile!, encoding: String.Encoding.utf8)

        let oldWdith = "<div id=\"container\" style=\"min-width: 380px; height: 180px; margin: 0 auto\"></div>"
        let ReplaceWdith = "<div id=\"container\" style=\"min-width: \(width)px; height: 180px; margin: 0 auto\"></div>"
        htmlString = htmlString?.replacingOccurrences(of: oldWdith, with: ReplaceWdith)
        yourWbview.stringByEvaluatingJavaScript(from: htmlString! as String)
        yourWbview.loadHTMLString(htmlString!, baseURL: nil)

}

【讨论】：

谢谢。已经尝试过，但它没有为以前传递的数据提供图形滚动。
是的，它提供了。您需要增加 HTML 文件中图形的宽度。
在body标签中你需要传递
是的，但图形可能存在静态限制。但我需要根据心率动态更新图形。它会导致问题滚动更多更新数据。有没有其他方法可以做到这一点？
是的，您可以动态执行此操作，您只需获取 HTML 字符串并替换该字符串。假设在 HTML 文件中放置一个静态单词。并以编程方式从 HTML 文件中获取 HTML 字符串，并将该字符串替换为您的动态宽度并在 webview 中加载。