import Highcharts
import UIKit

class ViewController: UIViewController {

  override func viewDidLoad() {
    super.viewDidLoad()

    let chartView = HIChartView(frame: view.bounds)
    chartView.theme = "sand-signika"
    chartView.plugins = ["series-label"]

    let options = HIOptions()

    let chart = HIChart()
    chart.type = "spline"
    options.chart = chart

    let title = HITitle()
    title.text = "Monthly Average Temperature"
    options.title = title

    let subtitle = HISubtitle()
    subtitle.text = "Source: WorldClimate.com"
    options.subtitle = subtitle

    let xAxis = HIXAxis()
    xAxis.categories = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
    options.xAxis = [xAxis]

    let yAxis = HIYAxis()
    yAxis.title = HITitle()
    yAxis.title.text = "Temperature"
    yAxis.labels = HILabels()
    yAxis.labels.formatter = HIFunction(jsFunction: "function () { return this.value + '°'; }")
    options.yAxis = [yAxis]

    let tooltip = HITooltip()
//    tooltip.crosshairs = true
    tooltip.shared = true
    options.tooltip = tooltip

    let plotOptions = HIPlotOptions()
    plotOptions.spline = HISpline()
    plotOptions.spline.marker = HIMarker()
    plotOptions.spline.marker.radius = 4
    plotOptions.spline.marker.lineColor = "#666666"
    plotOptions.spline.marker.lineWidth = 1
    options.plotOptions = plotOptions

    let tokyo = HISpline()
    tokyo.name = "Tokyo"
    tokyo.marker = HIMarker()
    tokyo.marker.symbol = "square"

    let tokyoData = HIData()
    tokyoData.y = 26.5
    tokyoData.marker = HIMarker()
    tokyoData.marker.symbol = "url(https://www.highcharts.com/samples/graphics/sun.png)"
    tokyo.data = [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, tokyoData, 23.3, 18.3, 13.9, 9.6]

    let london = HISpline()
    london.name = "London"
    london.marker = HIMarker()
    london.marker.symbol = "diamond"

    let londonData = HIData()
    londonData.y = 3.9
    londonData.marker = HIMarker()
    londonData.marker.symbol = "url(https://www.highcharts.com/samples/graphics/snow.png)"
    london.data = [londonData, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]

    options.series = [tokyo, london]

    chartView.options = options

    self.view.addSubview(chartView)
  }

}
              

#import <UIKit/UIKit.h>
#import <Highcharts/Highcharts.h>

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    HIChartView *chartView = [[HIChartView alloc] initWithFrame:self.view.bounds];
    HIChartView *chartView.theme = @"sand-signika";
    
    HIOptions *options = [[HIOptions alloc]init];
    
    HIChart *chart = [[HIChart alloc]init];
    chart.type = @"spline";
    
    HITitle *title = [[HITitle alloc]init];
    title.text = @"Monthly Average Temperature";
    
    HISubtitle *subtitle = [[HISubtitle alloc]init];
    subtitle.text = @"Source: WorldClimate.com";
    
    HIXAxis *xaxis = [[HIXAxis alloc]init];
    xaxis.categories = @[
                         @"Jan",
                         @"Feb",
                         @"Mar",
                         @"Apr",
                         @"May",
                         @"Jun",
                         @"Jul",
                         @"Aug",
                         @"Sep",
                         @"Oct",
                         @"Nov",
                         @"Dec"
                         ];
    
    HIYAxis *yaxis = [[HIYAxis alloc]init];
    yaxis.title = [[HITitle alloc]init];
    yaxis.title.text = @"Temperature";
    yaxis.labels = [[HILabels alloc]init];
    yaxis.labels.formatter = [[HIFunction alloc] initWithJSFunction:@"function () { return this.value + '°'; }"];
    
    HITooltip *tooltip = [[HITooltip alloc]init];
//    tooltip.crosshairs = [[NSNumber alloc] initWithBool:true];
    tooltip.shared = [[NSNumber alloc] initWithBool:true];
    
    HIPlotOptions *plotoptions = [[HIPlotOptions alloc]init];
    plotoptions.spline = [[HISpline alloc]init];
    plotoptions.spline.marker = [[HIMarker alloc]init];
    plotoptions.spline.marker.radius = @4;
    plotoptions.spline.marker.lineColor = [[HIColor alloc]initWithHexValue:@"666666"];
    plotoptions.spline.marker.lineWidth = @1;
    
    HISpline *spline1 = [[HISpline alloc]init];
    spline1.name = @"Tokyo";
    spline1.marker = [[HIMarker alloc]init];
    spline1.marker.symbol = @"square";
    HIData *data1 = [[HIData alloc]init];
    data1.y = @26.5;
    data1.marker = [[HIMarker alloc]init];
    data1.marker.symbol = @"url(https://www.highcharts.com/samples/graphics/sun.png)";
    spline1.data = @[
                     @7,
                     @6.9,
                     @9.5,
                     @14.5,
                     @18.2,
                     @21.5,
                     @25.2,
                     data1,
                     @23.3,
                     @18.3,
                     @13.9,
                     @9.6
                     ];
    
    
    HISpline *spline2 = [[HISpline alloc]init];
    spline2.name = @"London";
    spline2.marker = [[HIMarker alloc]init];
    spline2.marker.symbol = @"diamond";
    HIData *data2 = [[HIData alloc]init];
    data2.y = @3.9;
    data2.marker = [[HIMarker alloc]init];
    data2.marker.symbol = @"url(https://www.highcharts.com/samples/graphics/snow.png)";
    spline2.data = @[
                     data2,
                     @4.2,
                     @5.7,
                     @8.5,
                     @11.9,
                     @15.2,
                     @17,
                     @16.6,
                     @14.2,
                     @10.3,
                     @6.6,
                     @4.8
                     ];
    
    options.chart = chart;
    options.title = title;
    options.subtitle = subtitle;
    options.xAxis = [NSMutableArray arrayWithObjects:xaxis, nil];
    options.yAxis = [NSMutableArray arrayWithObjects:yaxis, nil];
    options.tooltip = tooltip;
    options.plotOptions = plotoptions;
    options.series = [NSMutableArray arrayWithObjects:spline1, spline2, nil];
    
    chartView.options = options;
    
    [self.view addSubview:chartView];
}

@end