Steema Central

Code: Select all

  Chart1.addSeries(new Tee.Line()).pointer.visible=true;
  Chart1.addSeries(new Tee.Line()).pointer.visible=true;
  Chart1.addSeries(new Tee.Line()).pointer.visible=true;  
  
  Chart1.series.items[0].data.values = [7];
  Chart1.series.items[0].data.x = [10];
  
  Chart1.series.items[1].data.values = [7,14,4,21,15];
  Chart1.series.items[1].data.x = [0,1,2,5,7,];

  Chart1.series.items[2].data.values = [24];
  Chart1.series.items[2].data.x = [11];

Code: Select all

ngAfterViewInit() {
    this.tChart1 = new Tee.Chart("canvas1");

    var aLine = new Tee.Line();
    this.tChart1.addSeries(aLine);
    // this.tChart1.applyTheme("minimal");
    this.tChart1.legend.visible = false;
    this.tChart1.axes.bottom.labels.rotation = 90;
    this.tChart1.series.items[0].format.stroke.size = 3;
    aLine.smooth = 0.25;
    this.tChart1.title.text = "TeeChart for Angular";

    this._weather.dailyForecast().subscribe((res) => {
      let temp_max = res["list"].map((res) => res.main.temp_max);
      let temp_min = res["list"].map((res) => res.main.temp_min);
      let alldates = res["list"].map((res) => res.dt);

      let weatherDates = [];
      alldates.forEach((res) => {
        let jsdate = new Date(res * 1000);
        weatherDates.push(
          jsdate.toLocaleTimeString("en", {
            year: "numeric",
            month: "short",
            day: "numeric",
          })
        );
      });
      //connect to weather data
      aLine.data.values = temp_max;
      aLine.data.x = new Array(temp_min);
      for (var t = 0; t < temp_min; t++) {
        aLine.data.x[t] = temp_min[t];
      }

      aLine.data.labels = weatherDates;
      //plot chart
      this.tChart1.draw();
    });