IOS 图表突出显示 X 轴上的特定标签和仅在中间的虚线网格线

IOS Charts highlight specific labels on X-axis and dashed gridline only in the middle

我正在尝试根据当月的当前日期为 X 轴上的标签设置不同的颜色,但我似乎无法单独配置它们。我还试图让网格线在中线有破折号,而天花板线没有破折号。这是在左轴上。但是我好像也不能单独设置。

目前情况:

我想达到的目标:

到目前为止我的代码:

func setBarChart(dataPoints: [String], values: [String]){
    barChartView.noDataTextColor = UIColor.white
    barChartView.noDataText = "No data for the chart"
    barChartView.backgroundColor = UIColor.white

    for i in 0..<dataPoints.count {
        let dataPoint = BarChartDataEntry(x: Double(i), y: Double(values[i])!)
        dataEntry.append(dataPoint)
    }

    let chartDataSet = BarChartDataSet(values: dataEntry, label: "BPM")
    let chartData =  BarChartData()
    chartData.addDataSet(chartDataSet)
    chartData.setDrawValues(false)
    chartData.barWidth = Double(0.5)
    chartDataSet.colors = [UIColor(red: 0, green: 158/255, blue: 237/255, alpha: 1)]


    let formatter: ChartFormatter = ChartFormatter ()
    formatter.setValues(values: dataPoints)
    let floatValue: [CGFloat] = [4,4]
    barChartView.xAxis.valueFormatter = formatter
    barChartView.xAxis.labelTextColor = UIColor(red: 141/255, green: 141/255, blue: 141/255, alpha: 1)
    barChartView.getAxis(.right).labelTextColor = UIColor(red: 141/255, green: 141/255, blue: 141/255, alpha: 1)
    barChartView.xAxis.axisLineColor = UIColor.clear
    barChartView.getAxis(.right).axisLineColor = UIColor.clear
    barChartView.getAxis(.left).axisLineColor = UIColor.clear
    barChartView.xAxis.labelPosition = .bottom
    barChartView.xAxis.drawGridLinesEnabled = false
    barChartView.xAxis.drawLabelsEnabled = true
    barChartView.chartDescription?.enabled = false
    barChartView.legend.enabled = false
    barChartView.rightAxis.enabled = true
    barChartView.rightAxis.labelCount = Int(2)
    barChartView.rightAxis.drawGridLinesEnabled = false
    barChartView.leftAxis.drawGridLinesEnabled = true
    barChartView.leftAxis.gridColor = UIColor(red: 235/255, green: 235/255, blue: 235/255, alpha: 1)
    barChartView.leftAxis.gridLineWidth = CGFloat(1.5)
    barChartView.leftAxis.gridLineDashLengths = floatValue
    barChartView.leftAxis.drawLabelsEnabled = false
    barChartView.data = chartData
}

库中没有此功能。


但是,这不应阻止您自己实现它,甚至可能将其添加到库中。

作为起点,查看具有 drawLabels(context:pos:anchor:).

XAxisRenderer

在这里,它基本上遍历 xAxis.entries 并通过调用 drawLabel(context:formattedLabel:x:y:attributes:constrainedToSize:anchor:angleRadians:) 绘制每个标签,将其传递给它 labelAttrs,其中包含有关要应用的颜色的信息。
但是目前... labelAttrs 是在循环之前设置的,其中一种颜色引用自 xAxis.labelTextColor

这里的关键是将 labelAttrs[NSAttributedString.Key.foregroundColor] 设置为与条目相关的颜色,例如,靠近这一行:

let label = xAxis.valueFormatter?.stringForValue(xAxis.entries[i], axis: xAxis) ?? ""

如果颜色也由 xAxis.valueFormatter 提供,这可能是最好的,而这又需要更改 IAxisValueFormatter 才能提供。

希望这对您有所帮助。