水平条形图 Swift

Question

我想要这样：

但我能做的是，如何去掉小红标：

图表核心代码：

var barchart = [BarChartDataEntry]()
// some values
barchart.append(value1)
barchart.append(value2)
barchart.append(value3)

let barData = BarChartDataSet(values: barchart, label: "")
barData.colors = [NSUIColor.red]
let data = BarChartData(dataSet: barData)
data.barWidth = 0.35
cell.barChart.data = data
cell.barChart.scaleYEnabled = false
cell.barChart.chartDescription?.text = ""
cell.barChart.scaleXEnabled = false
cell.barChart.pinchZoomEnabled = false
cell.barChart.doubleTapToZoomEnabled = false
cell.barChart.rightAxis.enabled = false
cell.barChart.xAxis.drawGridLinesEnabled = false
cell.barChart.leftAxis.drawGridLinesEnabled = false
cell.barChart.leftAxis.drawAxisLineEnabled = false
cell.barChart.xAxis.drawAxisLineEnabled = false
cell.barChart.xAxis.drawLabelsEnabled = false
cell.barChart.leftAxis.drawLabelsEnabled = false
cell.barChart.animate(yAxisDuration: 1.5, easingOption: .easeInOutQuart)
return cell

我想设置最大值并使标签像上图那​​样四舍五入。我正在使用 https://github.com/danielgindi/Charts。

Answer 1

您可以使用 UIProgressView

实现类似的 UI

首先，您可以将 Label 设置在顶部，然后是 UIProgressView 并重复相同的操作。对于其他两个进度。

您可以添加适当的约束并实现它。

参考此 Sample Demo 以达到相同目的。

希望对您有所帮助。

Answer 2

只需在设置 chartView 的地方添加这一行

cell.barChart.legend.enabled = false

对我有用。

Answer 3

在故事板中使用 UIProgressView 组件并创建出口

@IBOutlet var progressViewWalk: UIProgressView!

您可以通过以下方式设置所需的进度：-

progressViewWalk.progress = Float(YOURValue)/100

在 Attribute Inspector.

中设置所需的轨道色调颜色 Progress 色调颜色