I am on version 1.0. The ChartStyle influences the order of the input data as you can see in the screenshot.

As this is kind of unintuitive and I couldn't find any note that/why it is done this way I guess it's a bug.

Depending on what your use-case desires: line charts out of the box will be upside down on widgets. To solve this remove all instances of rotationEffects -- and animations for good measure.

        //.rotationEffect(.degrees(180), anchor: .center)
        //.rotation3DEffect(.degrees(180), axis: (x: 0, y: 1, z: 0))

Hello. I get this error with your repository:

Showing All Messages : The remote repository could not be accessed. Make sure a valid repository exists at the specified location and that the correct credentials have been supplied.

There may be some issues in the StackedAreaChartStyle. I've tried the code below:

struct StackedAreaChartDemo: View {
    private let matrixData: [[CGFloat]] = [[0.0, 0.2, 0.3], [0.3, 0.3, 0.3], [0.6, 0.2, 0.0]]
    
    var body: some View {
        Chart(data: matrixData)
            .chartStyle(
                StackedAreaChartStyle(.quadCurve, colors: [.yellow, .orange, .red])
            )
            .background(
                Color.gray.opacity(0.1)
                    .overlay(
                        GridPattern(verticalLines: matrixData.count)
                            .inset(by: 1)
                            .stroke(Color.red.opacity(0.2), style: .init(lineWidth: 1, lineCap: .round))
                    )
            )
            .cornerRadius(16)
            .padding()
    }
}

Which returns:

I think it is a horizontal flipped of the correct chart:

I've checked out the implementation of StackedAreaChartStyle. There is no need to do multiple reversed operations to the original data. Simply transpose the data matrix will do the job. In the end, use the zIndex to put layers into correct order.

• Adding a Bar chart style

• Allowing negative values in the column chart

• Adding a time series chart

• Simplifying time series

Co-authored-by: Alexander Heinrich [email protected] Co-authored-by: Alexander Heinrich [email protected]

Y-mirroring is to display a chart upside-down, handy for displaying negative area data. See the dual stacked area demo chart.

Fill support for area charts, while retaining backwards compatibility.

I hope the proposed changes make sense and are useful!

Hi @spacenation,

first of all, thanks for providing this amazing library! Is there a way to add label for the largest (and maybe smallest) value to the left of a chart? That'd be really helpful for most of my use cases.

Thanks and best regards Toni

Suppose I have value set of values that fluctuate between 0 and 1. The timeline goes up and down (lowest value 0) correctly. Now suppose my next value is 50. I would like the timeline to "zoom out" (or "scale up") so that to place the next incoming value on screen proportinate to the previous numbers. There is no way to know in advance what value I will receive next, it maybe be a negative value or some higher number as 500.

Is there a built-in solution for this? If not, how could I go about it? Many thanks.

Hi i am new to swiftui , i really like your chart but how to add lables on each pickpoints of chart

Chart(data: [0.0, 0.2, 0.5, 0.4, 0.3, 0.5, 0.1]) .chartStyle( AreaChartStyle(.quadCurve, fill: LinearGradient(gradient: .init(colors: [Color.orange.opacity(0.7), Color.orange.opacity(0.7)]), startPoint: .top, endPoint: .leading) )

            )

I want to show lable of each curve point of label

Thanks