Spamming/HistoryRender.js at master · BeholderDEV/Spamming · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
class HistoryRender {
  constructor(){
    this.actualColor = -1
    this.colWidth = 150
    this.colHeight = 30
    this.size = 10
    this.margin = this.size*4
  }

  render (id, hist) {
    this.canvas = document.getElementById(id)
    this.canvasContext = this.canvas.getContext('2d')
    this.canvasContext.clearRect(0, 0, this.canvas.width, this.canvas.height);
    // this.canvasContext.font="30px Arial";
    // this.canvasContext.fillStyle = '#333'
    // this.canvasContext.fillRect(0, 0, this.canvas.width, this.canvas.height)
    var maior = 0
    var menor = hist[0]
    for(var i = 0 ; i < hist.length ; i++){
      if( hist[i] > maior ) {
        maior = hist[i]
      }
      if( hist[i] < menor ) {
        menor = hist[i]
      }
    }
    menor = menor-1
    this.colWidth = (this.canvas.width-this.margin*2) / hist.length
    this.colHeight = (this.canvas.height-this.margin*2) / (maior-menor)
    this.canvasContext.lineWidth = 2
    this.canvasContext.strokeStyle = '#2ecc71'
    for(var i = 0 ; i < hist.length ; i++){
      this.canvasContext.fillStyle = '#2ecc71'
      this.canvasContext.fillRect(this.margin+i*this.colWidth- this.size/2, this.canvas.height - ((hist[i]-menor)*this.colHeight + this.size/2),this.size,this.size)
      if(i>0){
        this.canvasContext.beginPath();
        this.canvasContext.moveTo(this.margin+(i-1)*this.colWidth, this.canvas.height - ((hist[(i-1)]-menor)*this.colHeight));
        this.canvasContext.lineTo(this.margin+i*this.colWidth, this.canvas.height - ((hist[i]-menor)*this.colHeight));
        this.canvasContext.stroke();
      }
      this.canvasContext.fillStyle = "#666"
      this.canvasContext.fillText(hist[i],this.margin+i*this.colWidth- this.size/2, this.canvas.height - ((hist[i]-menor)*this.colHeight + this.size*2))
    }
  }

}