// // 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 updateChart(values.wrappedValue) } @State private var labels = [String]() @State private var dataSource = DSFSparkline.DataSource() var body: some View { HStack { VStack { ForEach(Array(labels.enumerated()), id: \.offset) { Text($0.element) .font(.system(size: 11, weight: .light)) Spacer() } } graphView } .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 let byte = Int64(max) let kb = byte / 1000 var v1: Double = 0 var v2 = "" var v3: Double = 1 switch kb { case 0..