{"id":2844,"date":"2021-05-27T17:33:29","date_gmt":"2021-05-27T09:33:29","guid":{"rendered":"http:\/\/123.57.164.21\/?p=2844"},"modified":"2021-05-27T17:33:29","modified_gmt":"2021-05-27T09:33:29","slug":"swift-%e7%ac%ac%e4%b8%89%e6%96%b9%e5%9b%be%e8%a1%a8%e5%ba%93charts%e4%bd%bf%e7%94%a8%e8%af%a6%e8%a7%a33%ef%bc%88%e6%8a%98%e7%ba%bf%e5%9b%be2%ef%bc%9a%e7%ba%bf%e6%9d%a1%e3%80%81%e6%8b%90%e7%82%b9","status":"publish","type":"post","link":"https:\/\/92it.top\/?p=2844","title":{"rendered":"Swift – \u7b2c\u4e09\u65b9\u56fe\u8868\u5e93Charts\u4f7f\u7528\u8be6\u89e33\uff08\u6298\u7ebf\u56fe2\uff1a\u7ebf\u6761\u3001\u62d0\u70b9\u7684\u6837\u5f0f\u8bbe\u7f6e\uff09"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n
import UIKit\nimport Charts\n \nclass ViewController: UIViewController {\n     \n    \/\/\u6298\u7ebf\u56fe\n    var chartView: LineChartView!\n     \n    override func viewDidLoad() {\n        super.viewDidLoad()\n         \n        \/\/\u521b\u5efa\u6298\u7ebf\u56fe\u7ec4\u4ef6\u5bf9\u8c61\n        chartView = LineChartView()\n        chartView.frame = CGRect(x: 20, y: 80, width: self.view.bounds.width - 40,\n                                 height: 270)\n        self.view.addSubview(chartView)\n         \n        \/\/\u751f\u621010\u6761\u968f\u673a\u6570\u636e\n        var dataEntries = [ChartDataEntry]()\n        for i in 0..<10 {\n            let y = arc4random()%100\n            let entry = ChartDataEntry.init(x: Double(i), y: Double(y))\n            dataEntries.append(entry)\n        }\n        \/\/\u8fd910\u6761\u6570\u636e\u4f5c\u4e3a1\u6839\u6298\u7ebf\u91cc\u7684\u6240\u6709\u6570\u636e\n        let chartDataSet = LineChartDataSet(values: dataEntries, label: \"\u56fe\u4f8b1\")\n        \/\/\u5c06\u7ebf\u6761\u989c\u8272\u8bbe\u7f6e\u4e3a\u6a59\u8272\n        chartDataSet.colors = [.orange]\n        \/\/\u4fee\u6539\u7ebf\u6761\u5927\u5c0f\n        chartDataSet.lineWidth = 2\n        \/\/\u76ee\u524d\u6298\u7ebf\u56fe\u53ea\u5305\u62ec1\u6839\u6298\u7ebf\n        let chartData = LineChartData(dataSets: [chartDataSet])\n         \n        \/\/\u8bbe\u7f6e\u6298\u73b0\u56fe\u6570\u636e\n        chartView.data = chartData\n    }\n}<\/pre>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\/\/\u5f00\u542f\u586b\u5145\u8272\u7ed8\u5236\nchartDataSet.drawFilledEnabled = true\n\/\/\u6e10\u53d8\u989c\u8272\u6570\u7ec4\nlet gradientColors = [UIColor.orange.cgColor, UIColor.white.cgColor] as CFArray\n\/\/\u6bcf\u7ec4\u989c\u8272\u6240\u5728\u4f4d\u7f6e\uff08\u8303\u56f40~1)\nlet colorLocations:[CGFloat] = [1.0, 0.0]\n\/\/\u751f\u6210\u6e10\u53d8\u8272\nlet gradient = CGGradient.init(colorsSpace: CGColorSpaceCreateDeviceRGB(),\n                               colors: gradientColors, locations: colorLocations)\n\/\/\u5c06\u6e10\u53d8\u8272\u4f5c\u4e3a\u586b\u5145\u5bf9\u8c61s\nchartDataSet.fill = Fill.fillWithLinearGradient(gradient!, angle: 90.0)\n<\/pre>\n\n\n\n
\"\"<\/figure>\n\n\n\n
import UIKit\nimport Charts\n \nclass ViewController: UIViewController {\n     \n    \/\/\u6298\u7ebf\u56fe\n    var chartView: LineChartView!\n     \n    override func viewDidLoad() {\n        super.viewDidLoad()\n         \n        \/\/\u521b\u5efa\u6298\u7ebf\u56fe\u7ec4\u4ef6\u5bf9\u8c61\n        chartView = LineChartView()\n        chartView.frame = CGRect(x: 20, y: 80, width: self.view.bounds.width - 40,\n                                 height: 250)\n        \/\/\u534a\u900f\u660e\u84dd\u8272\u80cc\u666f\n        chartView.gridBackgroundColor = UIColor(red: 51\/255, green: 181\/255, blue: 229\/255,\n                                                alpha: 150\/255)\n        chartView.drawGridBackgroundEnabled = true\n \n        self.view.addSubview(chartView)\n         \n        \/\/\u751f\u6210\u7b2c\u4e00\u6839\u6298\u7ebf\u7684\u6570\u636e\n        var dataEntries1 = [ChartDataEntry]()\n        for i in 0..<20 {\n            let y = arc4random()%10 + 20\n            let entry = ChartDataEntry.init(x: Double(i), y: Double(y))\n            dataEntries1.append(entry)\n        }\n        let chartDataSet1 = LineChartDataSet(values: dataEntries1, label: \"\u6700\u9ad8\u6e29\u5ea6\")\n        chartDataSet1.drawCirclesEnabled = false\n        chartDataSet1.fillAlpha = 1\n        chartDataSet1.drawFilledEnabled = true\n        chartDataSet1.fillColor = .white\n        chartDataSet1.lineWidth = 2\n        chartDataSet1.drawValuesEnabled = false \/\/\u4e0d\u7ed8\u5236\u62d0\u70b9\u4e0a\u7684\u6587\u5b57\n        chartDataSet1.fillFormatter = DefaultFillFormatter { _,_  -> CGFloat in\n            return CGFloat(self.chartView.leftAxis.axisMaximum) \/\/\u5411\u4e0a\u7ed8\u5236\u586b\u5145\u533a\u57df\n        }\n         \n        \/\/\u751f\u6210\u4e8c\u6839\u6298\u7ebf\u7684\u6570\u636e\n        var dataEntries2 = [ChartDataEntry]()\n        for i in 0..<20 {\n            let y = arc4random()%10\n            let entry = ChartDataEntry.init(x: Double(i), y: Double(y))\n            dataEntries2.append(entry)\n        }\n        let chartDataSet2 = LineChartDataSet(values: dataEntries2, label: \"\u6700\u4f4e\u6e29\u5ea6\")\n        chartDataSet2.colors = [.green]\n        chartDataSet2.drawCirclesEnabled = false\n        chartDataSet2.fillAlpha = 1\n        chartDataSet2.drawFilledEnabled = true\n        chartDataSet2.fillColor = .white\n        chartDataSet2.lineWidth = 2\n        chartDataSet2.drawValuesEnabled = false \/\/\u4e0d\u7ed8\u5236\u62d0\u70b9\u4e0a\u7684\u6587\u5b57\n        chartDataSet2.fillFormatter = DefaultFillFormatter { _,_  -> CGFloat in\n            return CGFloat(self.chartView.leftAxis.axisMinimum) \/\/\u5411\u4e0b\u7ed8\u5236\u586b\u5145\u533a\u57df\n        }\n \n        \/\/\u76ee\u524d\u6298\u7ebf\u56fe\u53ea\u5305\u62ec2\u6839\u6298\u7ebf\n        let chartData = LineChartData(dataSets: [chartDataSet1, chartDataSet2])\n         \n        \/\/\u8bbe\u7f6e\u6298\u73b0\u56fe\u6570\u636e\n        chartView.data = chartData\n    }\n}<\/pre>\n\n\n\n
\u8f6c\u8f7d\u4e8e\uff1ahttps:\/\/www.hangge.com\/blog\/cache\/detail_2118.html<\/p>\n","protected":false},"excerpt":{"rendered":"
\u8f6c\u8f7d\u4e8e\uff1ahttps:\/\/www.hangge.com\/blog\/cache\/detail_2118.html<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,8],"tags":[],"_links":{"self":[{"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts\/2844"}],"collection":[{"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2844"}],"version-history":[{"count":3,"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts\/2844\/revisions"}],"predecessor-version":[{"id":2860,"href":"https:\/\/92it.top\/index.php?rest_route=\/wp\/v2\/posts\/2844\/revisions\/2860"}],"wp:attachment":[{"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2844"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2844"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/92it.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2844"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}