实战需求

SwiftUI 绘图库之 SwiftUI 的图表和绘图库（教程含源码）

SwiftUI 的图表/绘图库。适用于 macOS、iOS、watchOS 和 tvOS，并具有内置的辅助功能和本地化功能。
支持功能：

• Line Chart
• Filled Line Chart
• Multi Line Chart
• Ranged Line Chart
• Bar Chart
• Ranged Bar Chart
• Grouped Bar Chart
• Stacked Bar Chart
• Pie Chart
• Doughnut Chart

本文价值与收获

看完本文后，您将能够作出下面的界面

截屏2023-01-26 08.57.35.png

折线图

image.png

使用LineChartData数据模型。

LineChart(chartData: LineChartData)

填充折线图

image.png

使用LineChartData数据模型。

FilledLineChart(chartData: LineChartData)

多折线图

image.png

使用MultiLineChartData数据模型。

MultiLineChart(chartData: MultiLineChartData)

等距折线图

image.png

使用RangedLineChart数据模型。

RangedLineChart(chartData: RangedLineChartData)

条形图

image.png

使用BarChartData数据模型。

BarChart(chartData: BarChartData)

范围条形图

image.png

使用RangedBarChartData数据模型。

RangedBarChart(chartData: RangedBarChartData)

分组条形图

image.png

使用GroupedBarChartData数据模型。

GroupedBarChart(chartData: GroupedBarChartData)

堆积条形图

image.png

使用StackedBarChartData数据模型。

StackedBarChart(chartData: StackedBarChartData)

饼状图

image.png

使用PieChartData数据模型。

PieChart(chartData: PieChartData)

甜甜圈图

image.png

使用DoughnutChartData数据模型。

DoughnutChart(chartData: DoughnutChartData)

---

实战代码