blocks|key|4399607|text|我找到了解决方案，也许另一个可以更好地解决这个问题，而不需要创建一个新的类，这就是我发现的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4399608|首先您需要创建一个新类，它将是您的格式化器类并添加IAxisValueFormater接口，然后您使用stringForValue方法来自定义新值，它有两个参数，第一个是实际值(您可以像索引一样看到它)，第二个是值所在的轴。|4399609|import+UIKit
import+Foundation
import+Charts

@objc(BarChartFormatter)
public+class+BarChartFormatter:+NSObject,+IAxisValueFormatter
{
++var+months:+[String]!+=+["Jan",+"Feb",+"Mar",+"Apr",+"May",+"Jun",+"Jul",+"Aug",+"Sep",+"Oct",+"Nov",+"Dec"]

++public+func+stringForValue(value:+Double,+axis:+AxisBase?)+->+String+
++{
++++return+months[Int(value)]
++}+++
}|code-block|syntax|javascript|4399610|现在，在文件中setChart()函数的开头，您必须创建两个变量，一个用于格式化器类，另一个用于axis类：|4399611|let+formato:BarChartFormatter+=+BarChartFormatter()
let+xaxis:XAxis+=+XAxis()|4399612|接下来，继续执行for+in循环的末尾，并将索引和轴传递给格式化程序变量：|4399613|formato.stringForValue(Double(i),+axis:+xaxis)|4399614|在循环之后，将格式添加到您的轴变量：|4399615|xaxis.valueFormatter+=+formato|4399616|最后一步是将新的final格式添加到barChartView：|4399617|barChartView.xAxis.valueFormatter+=+xaxis.valueFormatter|4399618|这就是setChart()函数中的所有其他行，只要保持它的位置就可以了，希望它能对您有所帮助。|4399619|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|15|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|17|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|19|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|1A|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|6|7|1B|8|@]|9|@]|A|$]]|$1|W|3|X|5|F|7|1C|8|@]|9|@]|A|$G|H]]|$1|Y|3|Z|5|6|7|1D|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]]|11|$]]

I found the solution, maybe another one can solve this problem in a better way, without create a new class, well this is what I found:

First you nedd to create a new class, which will be your formatter class and add the IAxisValueFormater interface, then you use the method stringForValue to customize the new values, it takes two parameters, the first is the actual value (you can see it like the index) and second is the axis where the value is.

<pre><code>import UIKit
import Foundation
import Charts

@objc(BarChartFormatter)
public class BarChartFormatter: NSObject, IAxisValueFormatter
{
 var months: [String]! = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]

 public func stringForValue(value: Double, axis: AxisBase?) -&gt; String 
 {
 return months[Int(value)]
 } 
}
</code></pre>

Now in your file at the begining of your setChart() function you have to create two variables one for your formatter class and one for the axis class:

<pre><code>let formato:BarChartFormatter = BarChartFormatter()
let xaxis:XAxis = XAxis()
</code></pre>

Next, go ahead at the end of the for in loop and pass the index and axis to your formatter variable:

<pre><code>formato.stringForValue(Double(i), axis: xaxis)
</code></pre>

After looping add the format to your axis variable:

<pre><code>xaxis.valueFormatter = formato
</code></pre>

The final step is to add the new xaxisformatted to the barChartView:

<pre><code>barChartView.xAxis.valueFormatter = xaxis.valueFormatter
</code></pre>

And that's all the other lines in the setChart() function just keep it where they are, I hope it can help you.

blocks|key|4399461|text|您好，最近我遇到了同样的问题，并以这种方式解决了它-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4399462|class+ViewController:+UIViewController+{

++++var+months:+[String]!
++++var+unitsSold+=+[Double]()
++++weak+var+axisFormatDelegate:+IAxisValueFormatter?

++++@IBOutlet+var+viewForChart:+BarChartView!
++++override+func+viewDidLoad()+{
++++++++super.viewDidLoad()
++++++++//+Do+any+additional+setup+after+loading+the+view,+typically+from+a+nib.
++++++++axisFormatDelegate+=+self
++++++++months+=+["Jan",+"Feb",+"Mar",+"Apr",+"May",+"Jun",+"Jul",+"Aug",+"Sep",+"Oct",+"Nov",+"Dec"]
++++++++unitsSold+=+[20.0,+4.0,+6.0,+3.0,+12.0,+16.0,+4.0,+18.0,+2.0,+4.0,+5.0,+4.0]

+++++++//+setChart(_+dataPoints:months,_+forY:+unitsSold)
++++++++setChart(dataEntryX:+months,+dataEntryY:+unitsSold)
++++}

++++override+func+didReceiveMemoryWarning()+{
++++++++super.didReceiveMemoryWarning()
++++++++//+Dispose+of+any+resources+that+can+be+recreated.
++++}

++++func+setChart(dataEntryX+forX:[String],dataEntryY+forY:+[Double])+{
++++++++viewForChart.noDataText+=+"You+need+to+provide+data+for+the+chart."
++++++++var+dataEntries:[BarChartDataEntry]+=+[]
++++++++for+i+in+0..<forX.count{
+++++++++++//+print(forX[i])
+++++++++++//+let+dataEntry+=+BarChartDataEntry(x:+(forX[i]+as+NSString).doubleValue,+y:+Double(unitsSold[i]))
++++++++++++let+dataEntry+=+BarChartDataEntry(x:+Double(i),+y:+Double(forY[i])+,+data:+months+as+AnyObject?)
++++++++++++print(dataEntry)
++++++++++++dataEntries.append(dataEntry)
++++++++}
++++++++let+chartDataSet+=+BarChartDataSet(values:+dataEntries,+label:+"Units+Sold")
++++++++let+chartData+=+BarChartData(dataSet:+chartDataSet)
++++++++viewForChart.data+=+chartData
++++++++let+xAxisValue+=+viewForChart.xAxis
++++++++xAxisValue.valueFormatter+=+axisFormatDelegate

++++}
}|code-block|syntax|javascript|4399463|在最后，只需添加委托的扩展|4399464|extension+ViewController:+IAxisValueFormatter+{

++++func+stringForValue(_+value:+Double,+axis:+AxisBase?)+->+String+{
++++return+months[Int(value)]
++++}
}|4399465|通过这个链接https://medium.com/@skoli/using-realm-and-charts-with-swift-3-in-ios-10-40c42e3838c0#.minfe6kuk找到了这个解决方案|offset|length|4399466|entityMap|0|LINK|mutability|MUTABLE|url|https://medium.com/@skoli/using-realm-and-charts-with-swift-3-in-ios-10-40c42e3838c0#.minfe6kuk^0|0|0|0|0|6|2N|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

Hello recently I encountered the same problem and solved it this way-

<pre><code>class ViewController: UIViewController {

 var months: [String]!
 var unitsSold = [Double]()
 weak var axisFormatDelegate: IAxisValueFormatter?

 @IBOutlet var viewForChart: BarChartView!
 override func viewDidLoad() {
 super.viewDidLoad()
 // Do any additional setup after loading the view, typically from a nib.
 axisFormatDelegate = self
 months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
 unitsSold = [20.0, 4.0, 6.0, 3.0, 12.0, 16.0, 4.0, 18.0, 2.0, 4.0, 5.0, 4.0]

 // setChart(_ dataPoints:months,_ forY: unitsSold)
 setChart(dataEntryX: months, dataEntryY: unitsSold)
 }

 override func didReceiveMemoryWarning() {
 super.didReceiveMemoryWarning()
 // Dispose of any resources that can be recreated.
 }

 func setChart(dataEntryX forX:[String],dataEntryY forY: [Double]) {
 viewForChart.noDataText = "You need to provide data for the chart."
 var dataEntries:[BarChartDataEntry] = []
 for i in 0..&lt;forX.count{
 // print(forX[i])
 // let dataEntry = BarChartDataEntry(x: (forX[i] as NSString).doubleValue, y: Double(unitsSold[i]))
 let dataEntry = BarChartDataEntry(x: Double(i), y: Double(forY[i]) , data: months as AnyObject?)
 print(dataEntry)
 dataEntries.append(dataEntry)
 }
 let chartDataSet = BarChartDataSet(values: dataEntries, label: "Units Sold")
 let chartData = BarChartData(dataSet: chartDataSet)
 viewForChart.data = chartData
 let xAxisValue = viewForChart.xAxis
 xAxisValue.valueFormatter = axisFormatDelegate

 }
}
</code></pre>

At the end simply add the extension for the delegate

<pre><code>extension ViewController: IAxisValueFormatter {

 func stringForValue(_ value: Double, axis: AxisBase?) -&gt; String {
 return months[Int(value)]
 }
}
</code></pre>

Figured this solution out through this link
<a href="https://medium.com/@skoli/using-realm-and-charts-with-swift-3-in-ios-10-40c42e3838c0#.minfe6kuk" rel="noreferrer">https://medium.com/@skoli/using-realm-and-charts-with-swift-3-in-ios-10-40c42e3838c0#.minfe6kuk</a>

blocks|key|4399687|text|正如许多人所说的，你可以创建一个类或者用IAxisValueFormatter类型扩展，但是你可以很容易地使用下面的方法，它只需要3行代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4399688|self.chartView.xAxis.valueFormatter+=+DefaultAxisValueFormatter(block:+{(index,+_)+in
++++return+xStrings[Int(index)]
})|code-block|syntax|javascript|4399689|下面是我的setChart()函数，以防您对我的一些定制感兴趣：|4399690|func+setChartView(entriesData:+[entry])+{
++++var+chartEntries:+[ChartDataEntry]+=+[]
++++var+xStrings:+[String]+=+[]
++++let+sortedentriesData+=+entriesData.sorted+{+(s1:+entry,+s2:+entry)+->+Bool+in
++++++++return+s1.timestamp+<+s2.timestamp
++++}
++++for+(i,+entry)+in+sortedentriesData.enumerated()+{
++++++++let+newEntry+=+ChartDataEntry(x:+Double(i),+y:+entry.temperature)
++++++++chartEntries.append(newEntry)
++++++++let+dateFormatter+=+DateFormatter()
++++++++dateFormatter.timeStyle+=+.medium
++++++++dateFormatter.dateStyle+=+.none
++++++++xStrings.append("\(dateFormatter.string(from:+Date.init(timeIntervalSince1970:+TimeInterval(entry.timestamp))))")
++++}
++++let+set:+LineChartDataSet+=+LineChartDataSet(values:+chartEntries,+label:+"°C")
++++set.setColor(NSUIColor.blue,+alpha:+CGFloat(1))
++++set.circleColors+=+[NSUIColor.blue]
++++set.circleRadius+=+3
++++set.mode+=+LineChartDataSet.Mode.cubicBezier

++++let+data:+LineChartData+=+LineChartData(dataSet:+set)
++++self.chartView.xAxis.labelRotationAngle+=+-90
++++self.chartView.xAxis.valueFormatter+=+DefaultAxisValueFormatter(block:+{(index,+_)+in
++++++++return+xStrings[Int(index)]
++++})
++++self.chartView.xAxis.setLabelCount(xStrings.count,+force:+true)
++++self.chartView.data+=+data
}|4399691|entry是我创建的一个结构：|4399692|struct+entry+{
++++var+timestamp:+Int
++++var+temperature:+Double
}|4399693|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

As many people said you can create a class or extend with the type IAxisValueFormatter, but you can easily use the following method which only take 3 lines :

<pre><code>self.chartView.xAxis.valueFormatter = DefaultAxisValueFormatter(block: {(index, _) in
 return xStrings[Int(index)]
})
</code></pre>

here's my setChart() function in case some of you find some of my customization interesting :

<pre><code>func setChartView(entriesData: [entry]) {
 var chartEntries: [ChartDataEntry] = []
 var xStrings: [String] = []
 let sortedentriesData = entriesData.sorted { (s1: entry, s2: entry) -&gt; Bool in
 return s1.timestamp &lt; s2.timestamp
 }
 for (i, entry) in sortedentriesData.enumerated() {
 let newEntry = ChartDataEntry(x: Double(i), y: entry.temperature)
 chartEntries.append(newEntry)
 let dateFormatter = DateFormatter()
 dateFormatter.timeStyle = .medium
 dateFormatter.dateStyle = .none
 xStrings.append("\(dateFormatter.string(from: Date.init(timeIntervalSince1970: TimeInterval(entry.timestamp))))")
 }
 let set: LineChartDataSet = LineChartDataSet(values: chartEntries, label: "°C")
 set.setColor(NSUIColor.blue, alpha: CGFloat(1))
 set.circleColors = [NSUIColor.blue]
 set.circleRadius = 3
 set.mode = LineChartDataSet.Mode.cubicBezier

 let data: LineChartData = LineChartData(dataSet: set)
 self.chartView.xAxis.labelRotationAngle = -90
 self.chartView.xAxis.valueFormatter = DefaultAxisValueFormatter(block: {(index, _) in
 return xStrings[Int(index)]
 })
 self.chartView.xAxis.setLabelCount(xStrings.count, force: true)
 self.chartView.data = data
}
</code></pre>

entry is a struct I created :

<pre><code>struct entry {
 var timestamp: Int
 var temperature: Double
}
</code></pre>

blocks|key|4399735|text|最简单的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4399736|barChartView.xAxis.valueFormatter+=+IndexAxisValueFormatter(values:+months)
barChartView.xAxis.granularity+=+1|code-block|syntax|javascript|4399737|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The most simple solution:

<pre><code>barChartView.xAxis.valueFormatter = IndexAxisValueFormatter(values: months)
barChartView.xAxis.granularity = 1
</code></pre>

blocks|key|4399576|text|我是这样实现的，我有"yyyy-MM-dd+HH:mm“格式的日期，我想在x轴上以字符串的形式显示"HH:mm”。这是代码，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4399577|我使用了三次线图表，首先我在图表上设置了数据|4399578|func+setDataCount()+{

++++var+dataEntries:+[ChartDataEntry]+=+[]
++++let+formatter+=+CubicChartFormatter()
++++let+xaxis:XAxis+=+XAxis()
++++if+graphArray?.count+??+0>0+{
++++++++for+i+in+0..<graphArray!.count+{
++++++++++++let+dateFormatter+=+DateFormatter()
++++++++++++dateFormatter.dateFormat+=+"yyyy-MM-dd+HH:mm"
++++++++++++let+date+=+dateFormatter.date(from:graphArray![i].writetime)
++++++++++++let+formatingDate+=+getFormattedDate(date:+date!,+format:+"HH:mm")
++++++++++++xDataPoints.append(formatingDate)
++++++++++++formatter.setValues(values:+xDataPoints)
++++++++++++let+dataEntry+=+ChartDataEntry(x:+Double(i),+y:+Double(yVal)!,+data:+formatingDate)
++++++++++++dataEntries.append(dataEntry)
++++++++++++let+set1+=+LineChartDataSet(entries:+dataEntries,+label:+"DataSet")
++++++++++++let+data+=+LineChartData(dataSet:+set1)
++++++++++++chartView.xAxis.valueFormatter+=+formatter
++++++++++++chartView.data+=+data
++++++++}
++++}
}|code-block|syntax|javascript|4399579|并创建format类|4399580|@objc(CubicChartFormatter)
public+class+CubicChartFormatter:+NSObject,+IAxisValueFormatter
{
+++var+names+=+[String]()

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

+++public+func+setValues(values:+[String])
+++{
++++++self.names+=+values
+++}+
}|4399581|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I achieved this like that,
I have date in "yyyy-MM-dd HH:mm" format and I want show "HH:mm" in the from of string in x-axis. Here is code,

I used Cubic Lines chart , first i set data on chart 

<pre><code>func setDataCount() {

 var dataEntries: [ChartDataEntry] = []
 let formatter = CubicChartFormatter()
 let xaxis:XAxis = XAxis()
 if graphArray?.count ?? 0&gt;0 {
 for i in 0..&lt;graphArray!.count {
 let dateFormatter = DateFormatter()
 dateFormatter.dateFormat = "yyyy-MM-dd HH:mm"
 let date = dateFormatter.date(from:graphArray![i].writetime)
 let formatingDate = getFormattedDate(date: date!, format: "HH:mm")
 xDataPoints.append(formatingDate)
 formatter.setValues(values: xDataPoints)
 let dataEntry = ChartDataEntry(x: Double(i), y: Double(yVal)!, data: formatingDate)
 dataEntries.append(dataEntry)
 let set1 = LineChartDataSet(entries: dataEntries, label: "DataSet")
 let data = LineChartData(dataSet: set1)
 chartView.xAxis.valueFormatter = formatter
 chartView.data = data
 }
 }
}
</code></pre>

and Make format Class

<pre><code>@objc(CubicChartFormatter)
public class CubicChartFormatter: NSObject, IAxisValueFormatter
{
 var names = [String]()

 public func stringForValue(_ value: Double, axis: AxisBase?) -&gt; String
 {
 return names[Int(value)]
 }

 public func setValues(values: [String])
 {
 self.names = values
 } 
}
</code></pre>

With the new release i had some troubles to create some graphs the previous code was:

<pre><code>func setChart(dataPoints: [String], values: [Double]) {
 var dataEntries: [BarChartDataEntry] = []

 for i in 0..&lt;dataPoints.count {
 let dataEntry = BarChartDataEntry(value: values[i], xIndex: i)
 dataEntries.append(dataEntry)
 }

 let chartDataSet = BarChartDataSet(yVals: dataEntries, label: "Units Sold")
 let chartData = BarChartData(xVals: months, dataSet: chartDataSet)
 barChartView.data = chartData
}
</code></pre>

You can pass the values for example an array of months using the line:

<pre><code>let chartData = BarChartData(xVals: months, dataSet: chartDataSet)
</code></pre>

After the new release the code to implement the same graph is:

<pre><code>func setChart(dataPoints: [String], values: [Double]) { 
 var dataEntries: [BarChartDataEntry] = []

 for i in 0..&lt;dataPoints.count {
 let dataEntry = BarChartDataEntry(x: Double(i+2), y:values[i], data: months )
 dataEntries.append(dataEntry)
 }

 let chartDataSet = BarChartDataSet(values: dataEntries, label: "Units Sold")

 let chartData = BarChartData()
 chartData.addDataSet(chartDataSet)
 barChartView.data = chartData
}
</code></pre>

I was trying a few hours but i couldn't find a way to modify the X axis values, i hope someone can help me, thanks!!

How to add Strings on X Axis in iOS-charts?

在新版本中，我在创建一些图形时遇到了一些麻烦，之前的代码是：func setChart(dataPoints: [String], values: [Double]) { var dataEntries: [BarChartDataEntry] = [] for i in 0..<dataPoints.co...

问如何在iOS-charts中添加X轴上的字符串？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在iOS-charts中添加X轴上的字符串？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在iOS-charts中添加X轴上的字符串？
EN