ihealth_ios/Inhealth/IHBarChartView.swift

//
//  IHBarChartView.swift
//  Inhealth
//
//  Created by weclouds on 2019/12/16.
//  Copyright © 2019 weclouds. All rights reserved.
//

import UIKit
import JXSegmentedView
import Charts

protocol IHBarChartViewDelegate : NSObjectProtocol{
    //切换数据类型
    
    func exchangeBarChartDataType(_ index:Int)
}
class IHBarChartView: UIView {
    weak var delegate : IHBarChartViewDelegate?
    var reportData: ReportData?{
        didSet{
            if let data = self.reportData {
                  setBarChartData(data)
            }
         
        }
    }
    
    var purifierReportData: PurifierReportData?{
        didSet{
            if let data = self.purifierReportData {
                  setBarChartData_purifier(data)
            }
         
        }
    }
      lazy var segmentedDataSource: JXSegmentedTitleDataSource = {
       return JXSegmentedTitleDataSource()
   }()
   let segmentedView = JXSegmentedView()
   
    lazy var chartView: BarChartView = {
        let chartView =  BarChartView()
        return chartView
    }()
    
    var mTitle : String?{
        didSet{
            titleLabel.text = self.mTitle
        }
    }
    
   private  lazy var titleLabel: UILabel = {
        let titleLabel = UILabel()
        titleLabel.text = "Electricity consumption"
        titleLabel.font = UIFont(name: Alibaba_PuHuiTi_Medium, size: 13)
        titleLabel.textColor = UIColor(hexString: "#333333")
        titleLabel.textAlignment = .center
        return titleLabel
    }()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
       // backgroundColor = .brown
        addSubview(titleLabel)
         configSegmentView() //设置选择器
         configChartView() //设置柱状图
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        addSubview(titleLabel)
        configSegmentView() //设置选择器
        configChartView() //设置柱状图
      //  fatalError("init(coder:) has not been implemented")

    }
    
    //空气净化器数据 历史记录取 workTimeList
    func setBarChartData_purifier(_ report:PurifierReportData?){
        if report?.workTimeList == nil || report?.workTimeList?.count == 0  {
            return
        }
               var dataEntries = [BarChartDataEntry]()
        
            for (index, val) in (report?.workTimeList?.enumerated())! {
                let value = Double(val)
                let entry = BarChartDataEntry(x: Double(index), y: value!)
                  dataEntries.append(entry)
               }

               //这10条数据作为柱状图的所有数据
               let chartDataSet = BarChartDataSet(entries: dataEntries, label: "")
               chartDataSet.barShadowColor = UIColor(hexString: "#EBF2ED")!
               chartDataSet.drawValuesEnabled = false
               // #05CFAB
                chartDataSet.colors = [UIColor(hexString: "#573F95")!]
                //#05CFAB
               chartDataSet.highlightColor = UIColor(hexString: "#573F95")!//高梁颜色
               //目前只有一组柱状图
               let chartData = BarChartData(dataSets: [chartDataSet])
               //设置柱子宽度
              let xVals = report?.timeList!
               chartView.xAxis.valueFormatter = IndexAxisValueFormatter(values: xVals!)

               chartData.barWidth = 0.2
                //设置柱状图数据
               chartView.data = chartData
               chartView.animate(yAxisDuration: 2)
        //  #05CFAB
        let marker = XYMarkerView(color: UIColor(hexString: "#573F95")!, font: .systemFont(ofSize: 12), textColor: .white, insets: UIEdgeInsets(top: 5, left: 5, bottom: 5, right: 5), xAxisValueFormatter: IndexAxisValueFormatter(values: xVals!))
               marker.chartView = chartView
               marker.minimumSize = CGSize(width: 80, height: 20)

               marker.isBarchart = true
               marker.chartView = chartView
               chartView.marker = marker
    }
    
    func setBarChartData(_ report:ReportData?){
        if report?.dataList == nil || report?.dataList?.count == 0  {
            return
        }
               var dataEntries = [BarChartDataEntry]()
        
            for (index, val) in (report?.dataList?.enumerated())! {
                let value = Double(val)
                let entry = BarChartDataEntry(x: Double(index), y: value!)
                  dataEntries.append(entry)
               }

               //这10条数据作为柱状图的所有数据
               let chartDataSet = BarChartDataSet(entries: dataEntries, label: "")
               chartDataSet.barShadowColor = UIColor(hexString: "#EBF2ED")!
               chartDataSet.drawValuesEnabled = false
                // #05CFAB
               chartDataSet.colors = [UIColor(hexString: "#573F95")!]
                // #05CFAB
               chartDataSet.highlightColor = UIColor(hexString: "#573F95")!//高梁颜色
               //目前只有一组柱状图
               let chartData = BarChartData(dataSets: [chartDataSet])
               //设置柱子宽度
              let xVals = report?.timeList!
               chartView.xAxis.valueFormatter = IndexAxisValueFormatter(values: xVals!)

               chartData.barWidth = 0.2
                //设置柱状图数据
               chartView.data = chartData
               chartView.animate(yAxisDuration: 2)
        // #05CFAB
        let marker = XYMarkerView(color: UIColor(hexString: "#573F95")!, font: .systemFont(ofSize: 12), textColor: .white, insets: UIEdgeInsets(top: 5, left: 5, bottom: 5, right: 5), xAxisValueFormatter: IndexAxisValueFormatter(values: xVals!))
               marker.chartView = chartView
               marker.minimumSize = CGSize(width: 80, height: 20)

               marker.isBarchart = true
               marker.chartView = chartView
               chartView.marker = marker
    }
    
    func configChartView()  {
         addSubview(chartView)
        //设置间隙
        chartView.setExtraOffsets(left: 0 , top: 0, right: 0, bottom: 0)
        //代理方法
        chartView.delegate = self
        chartView.chartDescription?.enabled = false
        chartView.scaleYEnabled = false
        chartView.doubleTapToZoomEnabled = false
        chartView.pinchZoomEnabled = false
        //s只滑动不滚动(系统gneiss默认先缩放后滑动)以及初始化时x轴就缩放1.5倍，就可以滑动了
        let scaleX = chartView.viewPortHandler
        scaleX?.setMinimumScaleX(1.5)
        chartView.xAxis.drawGridLinesEnabled = false
        // 获取X轴
        let leftAxis = chartView.leftAxis
        leftAxis.enabled = false  //绘制右边轴
        leftAxis.labelTextColor = UIColor.clear
        leftAxis.axisLineColor = .clear
        leftAxis.axisMinimum = 0 //最小值从0开始
        
        chartView.rightAxis.enabled = false
        chartView.legend.enabled = false //不需要显示图例
        
        chartView.drawBordersEnabled = false
        
     //   删除x轴线和y轴：
        chartView.xAxis.drawAxisLineEnabled = false
        chartView.leftAxis.drawAxisLineEnabled = false
        //bottom Axis
         let xAxis = chartView.xAxis
         xAxis.labelCount = 4
          chartView.xAxis.enabled = true
         xAxis.labelPosition = .bottom //位置
         xAxis.labelFont = UIFont(name: Alibaba_PuHuiTi_Regular, size: 11)!
         xAxis.labelTextColor = UIColor(hexString: "#949DB0")
         chartView.animate(yAxisDuration: 2)
       
    }
    
    func configSegmentView()  {
        //segmentedViewDataSource一定要通过属性强持有！！！！！！！！！
        segmentedDataSource.isTitleColorGradientEnabled = true
         segmentedDataSource.titles = ["当天","本周","本月","本年"]
         segmentedDataSource.titleSelectedColor = UIColor(hexString: "#573F95")!
         segmentedDataSource.titleNormalColor = UIColor(hexString: "#657085")!
         segmentedDataSource.titleNormalFont = UIFont(name: Alibaba_PuHuiTi_Regular, size: 13)!
         segmentedDataSource.titleSelectedFont = UIFont(name: Alibaba_PuHuiTi_Bold, size: 13)!
        segmentedDataSource.reloadData(selectedIndex: 0)
        segmentedView.dataSource = segmentedDataSource
        
         //segmentedDataSource = dataSource
         //配置指示器
         let indicator = JXSegmentedIndicatorTriangleView()
        // #05CFAB
         indicator.indicatorColor = UIColor(hexString: "#573F95")!
         indicator.indicatorWidth = 4
         indicator.indicatorHeight = 2.5
         indicator.indicatorPosition = .top
         segmentedView.indicators = [indicator]
         segmentedView.delegate = self

         addSubview(segmentedView)
       

    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        titleLabel.snp.makeConstraints { (make) in
            make.centerX.equalToSuperview()
            make.top.equalToSuperview().offset(15)
        }
        segmentedView.frame = CGRect(x: 0, y: self.bounds.size.height - 30, width: self.bounds.size.width , height: 20)
        
        chartView.snp.makeConstraints { (make) in
            make.top.equalTo(titleLabel.snp.bottom).offset(15.5)
            make.left.equalToSuperview().offset(28)
            make.right.equalTo(-28)
            make.bottom.equalTo(segmentedView.snp.top).offset(-13.5)
        }
       
    }
    
}
extension IHBarChartView :JXSegmentedViewDelegate{
    func segmentedView(_ segmentedView: JXSegmentedView, didSelectedItemAt index: Int) {
        let marker = chartView.marker as! XYMarkerView
        marker.isSeleted = false //切换的时候 去掉选择
        
        if let  delegate = self.delegate{
            delegate.exchangeBarChartDataType(index)
        }
//        chartView.animate(yAxisDuration: 2)
    }
    
}
extension IHBarChartView:ChartViewDelegate{
    func chartValueSelected(_ chartView: ChartViewBase, entry: ChartDataEntry, highlight: Highlight) {
       let marker = chartView.marker as! XYMarkerView
       marker.isSeleted = true
    }
    func chartValueNothingSelected(_ chartView: ChartViewBase) {
        let marker = chartView.marker as! XYMarkerView
        marker.isSeleted = false
    }
}