Discussed in https://github.com/francescoleoni98/FLCharts/discussions/37

^{Originally posted by SvenMuc May 12, 2022} Hi,

I'd like to show my results in a bar chart as shown in the top chart in the image.

In FLCharts (bottom chart) the bars do not use the full width of the chart diagram. Is there any parameter I need to set? I only found some parameters to configure a fixed width for each bar.

Furthermore, I miss a feature to show the values (label) for each bar.

FLBarConfig(radius: .custom(5.0), width: 50.0, spacing: 10.0)

Any ideas?

Sven

Describe the bug If the data is [0] the app crashes

To Reproduce let data = FLChartData(title: "Consumptions", data: [0], legendKeys: [Key(key: "F1", color: .Gradient.purpleCyan), Key(key: "F2", color: .green), Key(key: "F3", color: .Gradient.sunset)], unitOfMeasure: "kWh")

Q: Is your feature request related to a problem? Please describe.

A: Some Strings are hardcoded ( "avg.", "No data available", ... ) with no way to change them.

Q: Describe the solution you'd like

A: Make them configurable or even better implement automatic localization for top n languages ( via strings file ).

Q: Describe alternatives you've considered

A: Forking but that would not be nice ^^

Thanks for your time undeaD_D

PS: Is the Darkmode not working currently ? ( It does not switch automatically, and there is no clear example -> just an image inside the readme.md )

Is your feature request related to a problem? Please describe. My visualized values are close together. Thus all bars looks almost the same. See also mid chart in the image below.

Describe the solution you'd like Add an interface to set manually the min/max y-axis range.

Describe alternatives you've considered Alternatively, an automatic zoom mode could be implemented by adding an offset to the min/max chart values.

Additional context The chart in the middle is based on FLCharts.

If a bar chart has a small amount of bars and scrolling is disabled the bars get very big. Currently the bars have to fill the total width of the chart. See this example:

With my adjustments in this pull request the default behaviour stays the same. But you can configure to limit the width of the bars to get a result like this:

It would be great if you could implement the possibility to allow FLMultipleValuesChartBar to show the provided values as separate bars instead of staking them in a single bar. In the image you can see the feature from a different chart library.

Describe the bug if you exit (button Home) the application and run it again Line Chart the y-axis lines are repeated

To Reproduce Steps to reproduce the behavior:

1. Launch app (example)
2. Click on Home
3. Launch app
4. See Line Chart the y-axis lines are repeated

Smartphone (please complete the following information):

• Device: [e.g. iPhone7]
• OS: [e.g. iOS13]

Hi! You've made a beautiful library) I really like it. It's look like real native apple's components. But I still need to use another "the most popular" lib to represent chart, because they are support pie charts( I wish you will have possibilities and resources to do this🙏🏻 Thank you and good luck!

I try to update the chart's data programmatically, however I fail to do so.

Initially, I build the chart showing one price fetched from UserDefaults using the function buildChart().

From time to time, I want to update the chart's data using the function updateChartData(). I tried appending elements to chartsData, however, this fails with the error

Cannot use mutating member on immutable value: 'chartsData' is a get-only property

Can anyone assist? My rough code so far is:

import UIKit
import FLCharts

class AnalysisViewController: UIViewController {
    
    @IBOutlet weak var chartView: FLChart!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // Listen to silent notification to reload graph when new stock price was fetched and received by this view
        NotificationCenter.default.setObserver(self, selector: #selector(updateChartData), name: NSNotification.Name(rawValue: "stockPriceFetchedForGraphUpdate"), object: nil)
        
        buildChart()
    }
    
    @objc func updateChartData() {
        print("update")
        
    }
    
    func buildChart() {
        let priceNow = UserDefaults.standard.double(forKey: "stockPriceLastFetchedAmount")

        var chartsData: [MultiPlotable] {
            [MultiPlotable(name: "", values: [priceNow]),]
        }

        let barChartData = FLChartData(title: "",
                                       data: chartsData,
                                       legendKeys: [
                                        Key(key: "", color: FLColor(UIColor(named: "Gold") ?? .label))
                                       ],
                                       unitOfMeasure: "Euro")
        barChartData.xAxisUnitOfMeasure = ""
        barChartData.yAxisFormatter = .decimal(2)
        
        //let lineChart = FLChart(data: barChartData, type: .line(config: FLLineConfig(width: 3, capStyle: .square, backgroundFill: FLColor(UIColor(named: "Gold")?.withAlphaComponent(0.2) ?? .clear), isSmooth: true)))
        let priceChart = FLChart(data: barChartData, type: .line(config: FLLineConfig(width: 3, capStyle: .butt, backgroundFill: FLColor(UIColor(named: "Gold")?.withAlphaComponent(0.2) ?? .label), showCircles: false, isSmooth: true, circleColor: UIColor(named: "Gold") ?? .label)))
        priceChart.config = FLChartConfig(granularityY: (priceNow / 5).rounded()) // to nearest 500
        priceChart.shouldScroll = false
        priceChart.showAverageLine = true
        priceChart.showTicks = false
                
        chartView.addSubview(priceChart)
        priceChart.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            priceChart.centerYAnchor.constraint(equalTo: self.chartView.centerYAnchor),
            priceChart.centerXAnchor.constraint(equalTo: self.chartView.centerXAnchor),
            priceChart.heightAnchor.constraint(equalToConstant: self.chartView.frame.height * 1),
            priceChart.widthAnchor.constraint(equalToConstant: UIScreen.main.bounds.width * 0.9),
        ])
    }
}

Great stuff you got here mate, just thought I would flag an issue that I am experiencing from the example app. The Y axis labels appears to get rendered every time when the example app becomes enters foreground after the initial launch.

I suspect this might have something to do with FLCartesianPlane.swift:273, as it seems to just keep on adding labels to the chart.

I can't seem to get the bar chart to scroll. I've copied the example on the medium post and added some more data in to fill the width of the chart. Does this only work in certain configurations or is there some that needs to be enabled to get it to work?

Describe the bug I am using FLMultipleValuesChartBar. Everything works fine except when I change my device language to RTL (e.g Arabic, Urdu) the layout of the chart is disturbed.

To Reproduce Steps to reproduce the behavior:

1. Change App layout to RTL using UIView.appearance().semanticContentAttribute = .forceRightToLeft

Screenshots

Iphone (please complete the following information):

• OS: 16.1.1

Smartphone (please complete the following information):

• Device: iPhone 13 Pro Max
• OS:16.1.1
• Version 1.9.0

I am trying to implement the library into a Mac Catalyst App. But I face some rendering issues when trying to resize the windows (see video). Thanks again for this great library !

Best,

Michael

https://user-images.githubusercontent.com/9451389/180637276-194bef1a-e27a-4371-89e2-4d0f6c81b22f.mov

fixed an error when updating chart data that would cause mis-sizing, causing wrong y-axis labels due to keeping the old granularity from previous data. I was going to include a check to make sure the granularity is different, but after extensive testing it seemed that there was no issues when providing no granularity, since the default is 0.

Discussed in https://github.com/francescoleoni98/FLCharts/discussions/36

Describe the bug I couldn't figure out a way presently to ignore 0 on a line in a LineChart. issue that comes up is when you only have one data point with a value, it still draws a line from 0. I believe it should just show a point because the 0 should be ignored.

func makeUIView(context: Context) -> FLChart {
    var  monthsData: [SinglePlotable] {
        [SinglePlotable(name: "M", value: 0),
         SinglePlotable(name: "T", value: 0),
         SinglePlotable(name: "W", value: 55),
         SinglePlotable(name: "T", value: 0),
         SinglePlotable(name: "F", value: 0),
         SinglePlotable(name: "S", value: 0),
         SinglePlotable(name: "S", value: 0)]
    }
    let chartData = FLChartData(title: "Consumptions",
                                data: monthsData,
                                legendKeys: [
                    Key(key: "F1", color: .Gradient.purpleCyan),
                    Key(key: "F2", color: .green),
                    Key(key: "F3", color: .Gradient.sunset)],
                                 unitOfMeasure: "Kg")
    chartData.xAxisUnitOfMeasure = "Days"
    //chartData.yAxisFormatter = .decimal(1)
    
    let lineChart = FLChart(data: chartData, type: .line())
   // let card = FLCard(chart: lineChart, style: .rounded)
    //card.showAverage = true
    //card.showLegend = true
    //lineChart.cartesianPlane.yAxisPosition = .right
    //lineChart.config = FLChartConfig(granularityY: 30)
    return lineChart
}`

`