iOS|iOS Charts制作图表 iOSCharts制作图表

最终效果
文章图片
要实现的效果
使用第三方框架 Charts
主要是一些参数设置

//x轴方向默认上方 lineChartView.xAxis.labelPosition = .bottom //自定义标签刻度 lineChartView.xAxis.valueFormatter = IndexAxisValueFormatter(values: dataPoints) //设置虚线 lineChartView.xAxis.gridLineDashLengths = [4,2] //不绘制y轴右侧文字 lineChartView.rightAxis.drawLabelsEnabled = false lineChartView.leftAxis.axisLineWidth = 2 //左Y轴宽度 lineChartView.leftAxis.axisLineColor = .black//左Y轴颜色 lineChartView.xAxis.axisLineWidth = 2 //x轴宽度 lineChartView.xAxis.axisLineColor = .black //x轴颜色

文章图片
效果对xy轴进行一些操作

chartView.leftAxis.axisMinimum = -100 //最小刻度值 chartView.leftAxis.axisMaximum = 100 //最大刻度值 chartView.leftAxis.granularity = 50 //最小间隔 //y轴无网格线 lineChartView.leftAxis.drawGridLinesEnabled = false //不绘制网格线 //不开启十字线 chartDataSet.highlightEnabled = false chartDataSet.drawFilledEnabled = true //开启填充色绘制 chartDataSet.fillColor = .orange//设置填充色 chartDataSet.fillAlpha = 0.5 //设置填充色透明度//开启填充色绘制 chartDataSet.drawFilledEnabled = true //渐变颜色数组 let gradientColors = [UIColor.orange.cgColor, UIColor.white.cgColor] as CFArray //每组颜色所在位置（范围0~1) let colorLocations:[CGFloat] = [1.0, 0.0] //生成渐变色 let gradient = CGGradient.init(colorsSpace: CGColorSpaceCreateDeviceRGB(), colors: gradientColors, locations: colorLocations) //将渐变色作为填充对象s chartDataSet.fill = Fill.fillWithLinearGradient(gradient!, angle: 90.0) //不显示图例头部 chartView.legend.form = .none