Question

我正在使用charts framework绘制图表。我需要在每个栏的左边添加一些字符串。在我的代码中总是有两个栏，一个用于收入，一个用于费用。我想在每个酒吧旁边显示这些字符串。

下面你可以看到我的代码：

            let ys1 = [model.totalIncome, abs(model.totalExpense)]

            var yse1 = ys1.enumerated().map { x, y -> BarChartDataEntry in
            return BarChartDataEntry(x: Double(x), y: y)
            }

            let count = 2
            let data = BarChartData()
            let ds1 = BarChartDataSet(values: yse1, label: "")
            ds1.colors = [UIColor.red, UIColor.blue]

            // Number formatting of Values
            ds1.valueFormatter = YAxisValueFormatter()
            ds1.valueFont = UIFont(fontType: .H6)!
            ds1.valueTextColor = UIColor.dark_text

            // Data set
            data.addDataSet(ds1)
            horizontalBarChartView.data = data

            // General setting
            horizontalBarChartView.xAxis.drawLabelsEnabled = false
            horizontalBarChartView.setScaleEnabled(false)

            // Grid
            horizontalBarChartView.xAxis.drawGridLinesEnabled = false
            horizontalBarChartView.leftAxis.gridLineDashLengths = [15.0, 15.0]
            horizontalBarChartView.leftAxis.gridColor = UIColor.palette_28
            horizontalBarChartView.rightAxis.drawGridLinesEnabled = false


            // Disable number formatting of leftAxis and rightAxis
            horizontalBarChartView.leftAxis.enabled = false
            horizontalBarChartView.rightAxis.enabled = false

            horizontalBarChartView.xAxis.valueFormatter = 
            IndexAxisValueFormatter(values: ["Income","Expense"])
            horizontalBarChartView.xAxis.granularityEnabled = true
            horizontalBarChartView.xAxis.granularity = 1


            // setViewPortOffsets
            let digitCount = Int(data.yMax).digitCount
            let leftOffcet: CGFloat = digitCount > 2 ? CGFloat((digitCount - 1) * 10) : 10.0
            horizontalBarChartView.setViewPortOffsets(left: leftOffcet, top: 0, right: 0, bottom: 50)

            horizontalBarChartView.leftAxis.axisMinimum = 0

我的观点：

   lazy var horizontalBarChartView: HorizontalBarChartView = {
        let chartView = HorizontalBarChartView()
        chartView.contentMode = .scaleAspectFit
        chartView.drawBordersEnabled = false
        chartView.drawGridBackgroundEnabled = false
        chartView.gridBackgroundColor = UIColor.clear
        chartView.legend.enabled = false
        chartView.chartDescription = nil
        chartView.highlighter = nil
        chartView.clipsToBounds = true
        chartView.translatesAutoresizingMaskIntoConstraints = false
        return chartView
    }()

我想下面的代码应该添加这些标签，但是，它不起作用

    horizontalBarChartView.xAxis.valueFormatter = IndexAxisValueFormatter(values: ["Income","Expense"])
    horizontalBarChartView.xAxis.granularityEnabled = true
    horizontalBarChartView.xAxis.granularity = 1

更新

参见橙色矩形。我需要这些标签。

Answer 1

我正在使用此

的扩展程序

extension BarChartView {

    private class BarChartFormatter: NSObject, IAxisValueFormatter {

        var labels: [String] = []

        func stringForValue(_ value: Double, axis: AxisBase?) -> String {
            return labels[Int(value)]
        }

        init(labels: [String]) {
            super.init()
            self.labels = labels
        }
    }

    func setBarChartData(xValues: [String], yValues: [Double], label: String) {

        var dataEntries: [BarChartDataEntry] = []

        for i in 0..<yValues.count {
            let dataEntry = BarChartDataEntry(x: Double(i), y: yValues[i])
            dataEntries.append(dataEntry)
        }

        let chartDataSet = BarChartDataSet(values: dataEntries, label: label)
        let chartData = BarChartData(dataSet: chartDataSet)

        let chartFormatter = BarChartFormatter(labels: xValues)
        let xAxis = XAxis()
        xAxis.valueFormatter = chartFormatter
        self.xAxis.valueFormatter = xAxis.valueFormatter

        self.data = chartData
    }
}

你可以在像这样的代码中使用它

chartView.setBarChartData(xValues: xEntries, yValues: yEntries, label: "Income")

其中，

//You need to add values dynamically
var yEntries: [Double] = [1000, 200, 500]
var xEntries: [String] = ["Income1", "Income2", "Income3"]

希望这有效。

Answer 2

图表框架是绘制图表的绝佳工具。你应该完美地学习它。我在项目中使用了旧代码（复制/粘贴），因此在我的图表中绘制xAxis标签时出现了一些问题。

只需在下面注释：

    horizontalBarChartView.xAxis.drawLabelsEnabled = false

Answer 3

创建BarChartDataSet时，您可以传递标签。

let data = BarChartData()
let ds1 = BarChartDataSet(values: yse1, label: "Income")
ds1.colors = [UIColor.red, UIColor.blue]

希望这有帮助。

Answer 4

 self.ChartObj.xAxis.valueFormatter = DefaultAxisValueFormatter(block: {(index, _) in
            print(index)
            return YourArray.object(at: Int(index)) as! String
        })
 self.ChartObj.xAxis.setLabelCount(YourArray.count, force: true)

试试此代码

如何在图表框架中将字符串标签（xAxis标签）添加到水平栏

4 个答案: