Swift - 第三方图表库AAInfographics使用详解13(仪表盘、通过Options绘图)
作者:hangge | 2019-03-06 08:17
由于 AAInfographics 内部使用的是 Highcharts 这个 H5 图表库,因此我们也可以使用原生配置(Options)的方式来设置图表显示的内容。下面以这种方式来显示一个仪表盘为例。

1,效果图
(1)下面显示一个 0 ~ 200 范围的速度仪,同时不同刻度范围会使用不同的背景色。
(2)速度仪指针默认会指向 80 的刻度(初始显示时会有动画效果,从 0 刻度开始顺时针旋转)。

2,样例代码
import UIKit
class ViewController: UIViewController {
let aaChartView = AAChartView()
override func viewDidLoad() {
super.viewDidLoad()
// 初始化图表视图控件
let chartWidth = self.view.frame.size.width
let chartHeight = self.view.frame.size.height - 150
aaChartView.frame = CGRect(x:0, y:0, width:chartWidth, height:chartHeight)
self.view.addSubview(aaChartView)
//使用Options绘制最终图形
let aaOptions = setUpOptions()
aaChartView.aa_drawChartWithChartOptions(aaOptions)
}
private func setUpOptions() -> NSMutableDictionary {
let aaOptions = [
"chart": [
"type": "gauge",
],
"title": [
"text": "速度仪"
],
"pane": [
"startAngle": -150,
"endAngle": 150,
],
// the value axis
"yAxis": [
"min": 0,
"max": 200,
"title": [
"text": "km/h"
],
"plotBands": [[
"from": 0,
"to": 120,
"color": "#ffc069"
], [
"from": 120,
"to": 160,
"color": "#fe117c"
], [
"from": 160,
"to": 200,
"color": "#06caf4"
]]
],
"series": [[
"name": "Speed",
"data": [80],
]]
] as NSMutableDictionary
return aaOptions
}
}
全部评论(0)