// // TrafficGraphView.swift // ClashX Dashboard // // import SwiftUI import DSFSparkline fileprivate let labelsCount = 4 struct TrafficGraphView: View { @Binding var values: [CGFloat] @State var graphColor: DSFColor init(values: Binding<[CGFloat]>, graphColor: DSFColor) { self._values = values self.graphColor = graphColor } @State private var labels = [String]() @State private var dataSource = DSFSparkline.DataSource() @State private var currentMaxValue: CGFloat = 0 var body: some View { HStack { VStack { ForEach(labels, id: \.self) { Text($0) .font(.system(size: 11, weight: .light)) Spacer() } } graphView } .onAppear { updateChart(values) } .onChange(of: values) { newValue in updateChart(newValue) } } var graphView: some View { ZStack { DSFSparklineLineGraphView.SwiftUI( dataSource: dataSource, graphColor: graphColor, interpolated: false, showZeroLine: false ) DSFSparklineSurface.SwiftUI([ gridOverlay ]) } } let gridOverlay: DSFSparklineOverlay = { let grid = DSFSparklineOverlay.GridLines() grid.dataSource = .init(values: [1], range: 0...1) var floatValues = [CGFloat]() for i in 0...labelsCount { floatValues.append(CGFloat(i) / CGFloat(labelsCount)) } let _ = floatValues.removeFirst() grid.floatValues = floatValues.reversed() grid.strokeColor = DSFColor.systemGray.withAlphaComponent(0.3).cgColor grid.strokeWidth = 0.5 grid.dashStyle = [2, 2] return grid }() func updateChart(_ values: [CGFloat]) { let max = values.max() ?? CGFloat(labelsCount) * 1000 if currentMaxValue != 0 && currentMaxValue == max { self.dataSource.set(values: values) return } else { currentMaxValue = max } let byte = Int64(max) let kb = byte / 1000 var v1: Double = 0 var v2 = "" var v3: Double = 1 switch kb { case 0..