在WatchOs中添加图表

时间:2018-06-25 07:38:33

标签: ios watchkit apple-watch

我正在研究POC,以在Apple Watch(商业/企业数据分析)中实施图表。

例如:

Watch Os app with charts

我该怎么做?

1 个答案:

答案 0 :(得分:7)

我发现了YOChartImageKit。使用此库,您可以在监视操作系统中创建图表。

安装

CocoaPods

use_frameworks!

pod 'YOChartImageKit', '~> 1.1'

迦太基

github "yasuoza/YOChartImageKit" ~> 1.1

可可子

# For both iOS and watchOS framework
target 'YOChartImageKit' do
   github 'yasuoza/YOChartImageKit', '1.1.0', files: 'Source/YOChartImageKit/*.{h,m}'
end

配置

折线图完整

Line chart solid

let image = YOLineChartImage()
image.strokeWidth = 4.0              // width of line
image.strokeColor = randomColor()    // color of line
image.values = [0.0, 1.0, 2.0]       // chart values
image.smooth = false                 // disable smooth line
image.drawImage(frame, scale: scale) // draw an image

折线图平滑

Line chart smooth

let image = YOLineChartImage()
image.strokeWidth = 4.0              // width of line
image.fillColor = randomColor()      // color of area
image.values = [0.0, 1.0, 2.0]       // chart values
// image.smooth = true               // [default] draws a smooth line
image.drawImage(frame, scale: scale) // draw an image

垂直条形图

Bar chart vertical

let image = YOBarChartImage()
image.values = [0.0, 1.0, 2.0]       // chart values
image.fillColor = randomColor()      // color of bars
// image.barPadding = 2.0            // [optional] padding of bars
// image.barStyle = .Vertical        // [default] draws a vertical bars
image.drawImage(frame, scale: scale) // draw an image

水平条形图

Bar chart horizontal

let image = YOBarChartImage()
image.values = [0.0, 1.0, 2.0]       // chart values
image.fillColor = randomColor()      // color of bars
// image.barPadding = 2.0            // [optional] padding of bars
image.barStyle = .Horizontal         // draws a horizontal bars
image.drawImage(frame, scale: scale) // draw an image

甜甜圈图

Donut chart

let image = YODonutChartImage()
image.donutWidth = 16.0                           // width of donut
// image.labelText = "LABEL"                      // [optional] center label text
// image.labelColor = UIColor.whiteColor()        // [optional] center label color
image.values = [10.0, 20.0, 70.0]                 // chart values
image.colors = (0..<3).map { _ in randomColor() } // colors of pieces
image.drawImage(frame, scale: scale)              // draw an image

示例应用程序

示例应用程序可用于iOS和watchOS。您可以找到所有文件here

pod try YOChartImageKit

或使用Xcode打开YOChartImageKit.xcodeproj并构建演示应用。


  

您可以在GitHub readme上找到所有文档。

Sources