时间戳

首页 > 解决方案 > IOS 图表突出显示 X 轴上的特定标签和仅在中间的虚线网格线

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

问题描述

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

标签： iosswiftios-charts

解决方案

此功能在库中不可用。

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

作为起点，请查看具有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才能提供它。

我希望这对您有所帮助。

推荐阅读