FLCharts

FLCharts

Version Platforms License Carthage compatible Swift Xcode 11.0+ iOS 11.0+ SPM

FLCharts 是一个易于使用的库,用于构建高度可定制的柱状图、折线图和饼图。它允许您创建自己的图表柱状 UIView,并使用它在图表中显示数据。
此外,FLCharts 还允许您提供自定义的 HighlightedView,以在图表顶部显示突出显示的柱状内容。
轻松地将您的图表嵌入到 FLCard 中,并配以标题、平均值视图和其他行为。

目录

要求

安装

FLCharts 可通过 SPM、CocoaPods 和 Carthage 安装

Swift Package Manager

在 XCode 中,转到 File -> Add Packages...

搜索 https://github.com/francescoleoni98/FLCharts 并单击 Add Package

选择要将其添加到哪个目标,然后选择 Add Package

CocoaPods

FLCharts 可通过 CocoaPods 获取。要安装它,请将以下行添加到您的 Podfile

pod 'FLCharts'

然后运行 pod install

Carthage

要使用 Carthage 安装,请在您的 Cartfile 中添加

github "francescoleoni98/FLCharts"

然后运行 carthage update

在 XCode > Build phases 中,单击左上角的加号按钮 > New Run Script Phases。
然后在 Run Script > Shell script window > 中添加 /usr/local/bin/carthage copy-frameworks
Run Script > Input file window > 中添加 $(SRCROOT)/Carthage/Build/iOS/FLCharts.framework

然后,转到 $project_dir/Carthage/Build/iOS 并将文件夹 FLCharts.framework 拖到您的 Xcode Project > Your Target > Frameworks, Libraries and Embedded Content 中。

示例

您可以在此处找到有关如何使用 FLCharts 设置柱状图的指南

FLCharts:轻松创建柱状图

特性

配置

FLChart 是高度可定制的。您可以通过 .config 属性选择要修改的属性。

let axisLabelConfig = FLAxisLabelConfig(color: .black,
                                        font: .preferredFont(forTextStyle: .body))
                         
chart.config = ChartConfig(axesLabels: axisLabelConfig)

预构建的柱状单元格

配置图表时使用这些柱状。

例如。 FLChart(data: ..., type: .bar(bar: FLMultipleValuesChartBar.self))

文档

您可以直接在 XCode 中构建 FLCharts 文档。
在 XCode 中,转到 Product -> Build Documentation,一旦 XCode 完成构建,文档将出现。

图表类型

普通柱状图 多值柱状图 水平多值柱状图
柱状类:FLPlainChartBar 柱状类:FLMultipleValuesChartBar 柱状类:FLHorizontalMultipleValuesChartBar
数据类型:SinglePlotable 数据类型:MultiPlotable 数据类型:MultiPlotable
折线图 多值折线图 散点图
数据类型:SinglePlotable 数据类型:MultiPlotable 数据类型:ScatterPlotable
雷达图 饼图
数据类型:FLDataSet 数据类型:FLPiePlotable

示例

突出显示的柱状 平均值视图 嵌入在 FLCard 中的柱状图
高亮视图:BarHighlightedView showAverage = true
highlighted bar average view bar chart embedded in FLCard
深色模式 折线图 X 和 Y 段 饼图
X 段:Key(key: String, xColors: [UIColor])
Y 段:Key(key: String, yThresholds: [CGFloat : UIColor], data: [PlotableData])
dark mode x y segments pie chart

动画

alt tag

alt tag

alt tag

使用 FLCharts 的应用

作者

Francesco Leoni | @franceleonidev | leoni.francesco98@gmail.it

许可证

FLCharts 在 MIT 许可证下可用。有关更多信息,请参见 LICENSE 文件。