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

Question

我试图根据当月的当前日期为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
}

Answer 1

库中没有此功能。

• https://github.com/danielgindi/Charts/issues/3317
• https://github.com/danielgindi/Charts/issues/2925

---

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

作为一个起点，看看有XAxisRenderer的drawLabels(context:pos:anchor:)。

在这里，它基本上循环通过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以便提供它。

我希望这能以某种方式帮助你。