如何將字符串標籤（xAxis標籤）添加到圖表框架中的水平條上

我正在使用charts framework來繪製圖表。我需要在每個酒吧的左側添加一些字符串。在我的代碼總是有兩個酒吧，一個爲收入和一個爲費用。我想把這些字符串顯示在每個欄的旁邊。如何將字符串標籤（xAxis標籤）添加到圖表框架中的水平條上

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

  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

更新

請參閱橙色矩形。我需要這些標籤。

來源

2017-10-07 Amir Shabani

圖表框架是繪製圖表的好工具。你應該完美地研究它。我在我們的項目中使用了舊代碼（複製/粘貼），因此在我的圖表中繪製xAxis標籤時出現了一些問題。

低於線

只是評論：

horizontalBarChartView.xAxis.drawLabelsEnabled = false

來源

2017-10-09 06:43:46

當您創建BarChartDataSet你可以通過標籤。

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

希望這會有所幫助。

來源

2017-10-07 09:58:53 Aks

沒有，請參閱我的更新。我需要這些標籤。 –

我使用這個

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"]

希望這能奏效。

來源

2017-10-09 07:01:40 George

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)

試試這個代碼

來源

2017-10-09 08:05:46

如何將字符串標籤（xAxis標籤）添加到圖表框架中的水平條上

回答

相關問題