如何使用ios图表删除条形图底部的额外线?

时间:2018-02-01 08:25:05

标签: ios swift bar-chart ios-charts

使用图表库我想在第二张照片上获得特定的外观。到目前为止我能够完成的是顶部图像中的那个。我知道我还没有完成正确的工作。

这是我目前为https://github.com/danielgindi/Charts所做的实施。我仍在探索图表功能。

    var dataEntries: [BarChartDataEntry] = []

    let dataEntry1 = BarChartDataEntry(x: Double(0), y: Double(26))
    dataEntries.append(dataEntry1)
    let dataEntry2 = BarChartDataEntry(x: Double(1), y: Double(0))
    dataEntries.append(dataEntry2)
    let dataEntry3 = BarChartDataEntry(x: Double(2), y: Double(2))
    dataEntries.append(dataEntry3)

    let chartDataSet = BarChartDataSet(values: dataEntries, label: nil)// BarChartDataSet(values: dataEntries, label: "A")
    chartDataSet.setColor(.red)

    let chartData = BarChartData(dataSet: chartDataSet)
    chartData.barWidth = Double(0.3)

    barChart.data = chartData
    barChart.fitBars = true
    barChart.zoomOut()

    barChart.xAxis.drawGridLinesEnabled = false // disable horizontal grid lines

    barChart.scaleYEnabled = true
    barChart.scaleXEnabled = true

    let description = Description()
    description.text = ""
    barChart.chartDescription = description

    let labels = ["1-30 days", "31-60 days", "61+ days"]
    barChart.xAxis.valueFormatter = IndexAxisValueFormatter(values: labels)
    barChart.xAxis.granularity = 1.0
    barChart.xAxis.granularityEnabled = true
    barChart.xAxis.labelPosition = .bottom

    barChart.drawValueAboveBarEnabled = false

具体来说,我现在仍然缺少一种方法来删除条形图底部和右边界的额外线条。

目前看:

current look

目标观察:

target look

更新: barChart.rightAxis.enabled = false //删除正确的标签

我仍然需要找到一种方法来删除图像上标记为蓝色的标记,并让底部标签靠近框。

image with mark on which to remove 更新:通过使用.bottomInside定位xAxis标签,我能够将xAxis标签放在我想要的位置

barChart.xAxis.labelPosition = .bottomInside

更新了一下:

enter image description here

剩下的就是摆脱最后一个底部正方形但保留标签。

这:删除整个底部正方形,包括标签。 barChart.xAxis.labelPosition = .bottomInside

5 个答案:

答案 0 :(得分:1)

我终于能够解决我的问题了。在我的代码上发生的事情是我的barChart.leftAxis.minimum默认是关闭的。

通过将其设置为0,我能够得到我想要的外观。

barChart.leftAxis.axisMinimum = 0.0

答案 1 :(得分:0)

barChart.xAxis.enabled = false
barChart.leftAxis.enabled = false
barChart.rightAxis.enabled = false
barChart.drawBordersEnabled = false
barChart.minOffset = 0

答案 2 :(得分:0)

如果启用了左轴

barChartView.leftAxis.spaceBottom = 0.0

如果启用了右轴

barChartView.rightAxis.spaceBottom = 0.0

答案 3 :(得分:0)

您可以通过将左轴最小值设置为零来实现。

leftAxis.axisMinimum = 0

答案 4 :(得分:-1)

barChart.leftAxis.axisMinimum = 0.0