twitter-server.js.chart-renderer.js Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of twitter-server_2.11 Show documentation

twitter-server

There is a newer version: 18.9.1

function ChartRenderer(element, title) {
  var header = $("")
    .addClass("text-center")
    .text(title)
  var chartDiv = $("")[0]

  $(element).empty().append(header)
  $(element).append(chartDiv)

  this.chart = new google.visualization.LineChart(chartDiv)
  this.chartData = new google.visualization.DataTable()
  this.chartData.addColumn('datetime', 'Time')
  this.chartData.addColumn('number', title)
  this.chartData.addRows(60)
  this.chartOptions = {
    legend: { position: 'none' },
    width: "100%",
    height: 350,
    chartArea: { width: "90%", height: "85%" },
    vAxis: {
      viewWindow: { min:0 },
      baselineColor: '#ddd',
      gridlineColor: '#ddd'
    },
    hAxis: {
      baselineColor: '#ddd',
      gridlineColor: '#ddd',
      textStyle: {
        fontSize: 12
      }
    },
  }

  this.chart.draw(this.chartData, this.chartOptions)
}

ChartRenderer.prototype.appendMetric = function(metric) {
  this.addRow([new Date(), metric.delta])
}

ChartRenderer.prototype.addRow = function(row) {
  this.chartData.addRow(row)
  this.chartData.removeRow(0)
  this.chart.draw(this.chartData, this.chartOptions)
}