feat: add new axis interface

Sources/SwiftUICharts/Base/Extensions/Path+QuadCurve.swift

@@ -201,7 +201,7 @@ extension Path {
         let convertedXValues = data.map { CGFloat($0.0) * rect.width }
         let convertedYPoints = data.map { CGFloat($0.1) * rect.height }
 
-        path.move(to: .zero)
+        path.move(to: CGPoint(x: convertedXValues[0], y: 0))
         var point1 = CGPoint(x: convertedXValues[0], y: convertedYPoints[0])
         path.addLine(to: point1)
         for pointIndex in 1..<data.count {

Sources/SwiftUICharts/Charts/LineChart/Extension/LineChart+Extension.swift

@@ -6,13 +6,14 @@ extension LineChart {
         return self
     }
 
-    public func showBackground(_ show: Bool) -> LineChart {
-        self.chartProperties.showBackground = show
+    public func setBackground(colorGradient: ColorGradient) -> LineChart {
+        self.chartProperties.backgroundGradient = colorGradient
         return self
     }
 
-    public func showChartMarks(_ show: Bool) -> LineChart {
+    public func showChartMarks(_ show: Bool, with color: ColorGradient? = nil) -> LineChart {
         self.chartProperties.showChartMarks = show
+        self.chartProperties.customChartMarksColors = color
         return self
     }
 

Sources/SwiftUICharts/Charts/LineChart/Line.swift

@@ -28,10 +28,10 @@ public struct Line: View {
     public var body: some View {
         GeometryReader { geometry in
             ZStack {
-                if self.didCellAppear && self.chartProperties.showBackground {
+                if self.didCellAppear, let backgroundColor = chartProperties.backgroundGradient {
                     LineBackgroundShapeView(chartData: chartData,
                                             geometry: geometry,
-                                            style: style)
+                                            backgroundColor: backgroundColor)
                 }
                 LineShapeView(chartData: chartData,
                               chartProperties: chartProperties,

Sources/SwiftUICharts/Charts/LineChart/LineBackgroundShapeView.swift

@@ -3,12 +3,12 @@ import SwiftUI
 struct LineBackgroundShapeView: View {
     var chartData: ChartData
     var geometry: GeometryProxy
-    var style: ChartStyle
+    var backgroundColor: ColorGradient
 
     var body: some View {
         LineBackgroundShape(data: chartData.normalisedData)
-            .fill(LinearGradient(gradient: Gradient(colors: [style.backgroundColor.startColor,
-                                                             style.foregroundColor.first?.startColor ?? .white]),
+            .fill(LinearGradient(gradient: Gradient(colors: [backgroundColor.startColor,
+                                                             backgroundColor.endColor]),
                                  startPoint: .bottom,
                                  endPoint: .top))
             .rotationEffect(.degrees(180), anchor: .center)

Sources/SwiftUICharts/Charts/LineChart/LineShapeView.swift

@@ -13,6 +13,16 @@ struct LineShapeView: View, Animatable {
         set { trimTo = Double(newValue) }
     }
 
+    var chartMarkColor: LinearGradient {
+        if let customColor = chartProperties.customChartMarksColors {
+            return customColor.linearGradient(from: .leading, to: .trailing)
+        }
+
+        return LinearGradient(gradient: style.foregroundColor.first?.gradient ?? ColorGradient.orangeBright.gradient,
+                              startPoint: .leading,
+                              endPoint: .trailing)
+    }
+
     var body: some View {
         ZStack {
             LineShape(data: chartData.normalisedData, lineStyle: chartProperties.lineStyle)
@@ -28,9 +38,7 @@ struct LineShapeView: View, Animatable {
                 MarkerShape(data: chartData.normalisedData)
                     .trim(from: 0, to: CGFloat(trimTo))
                     .fill(.white,
-                          strokeBorder: LinearGradient(gradient: style.foregroundColor.first?.gradient ?? ColorGradient.orangeBright.gradient,
-                                                               startPoint: .leading,
-                                                               endPoint: .trailing),
+                          strokeBorder: chartMarkColor,
                           lineWidth: chartProperties.lineWidth)
                     .rotationEffect(.degrees(180), anchor: .center)
                     .rotation3DEffect(.degrees(180), axis: (x: 0, y: 1, z: 0))

Sources/SwiftUICharts/Charts/LineChart/Model/LineChartProperties.swift

@@ -2,8 +2,9 @@ import SwiftUI
 
 public class LineChartProperties: ObservableObject {
     @Published var lineWidth: CGFloat = 2.0
-    @Published var showBackground: Bool = false
+    @Published var backgroundGradient: ColorGradient?
     @Published var showChartMarks: Bool = true
+    @Published var customChartMarksColors: ColorGradient?
     @Published var lineStyle: LineStyle = .curved
 
     public init() {