Code coverage report for app/views/common/chart/linear.js

Statements: 17.65% (3 / 17)      Branches: 100% (0 / 0)      Functions: 16.67% (1 / 6)      Lines: 17.65% (3 / 17)      Ignored: none     

All files » app/views/common/chart/ » linear.js
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 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64    1                                     1   1                                                                                
'use strict';
 
;require.register("views/common/chart/linear", function (exports, require, module) {
  /**
   * Licensed to the Apache Software Foundation (ASF) under one
   * or more contributor license agreements.  See the NOTICE file
   * distributed with this work for additional information
   * regarding copyright ownership.  The ASF licenses this file
   * to you under the Apache License, Version 2.0 (the
   * "License"); you may not use this file except in compliance
   * with the License.  You may obtain a copy of the License at
   *
   *     http://www.apache.org/licenses/LICENSE-2.0
   *
   * Unless required by applicable law or agreed to in writing, software
   * distributed under the License is distributed on an "AS IS" BASIS,
   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   * See the License for the specific language governing permissions and
   * limitations under the License.
   */
 
  var App = require('app');
 
  App.ChartLinearView = Em.View.extend({
    w: 90,
    h: 90,
    margin: 2,
 
    classNames: ['linear'],
 
    init: function init() {
      this._super();
 
      this.x = d3.scale.linear().domain([0, this.get('data').length]).range([0 + this.get('margin'), this.get('w') - this.get('margin')]);
      this.y = d3.scale.linear().domain([0, d3.max(this.get('data'))]).range([0 + this.get('margin'), this.get('h') - this.get('margin')]);
      this.line = d3.svg.line().x(function (d, i) {
        return this.x(i);
      }).y(function (d) {
        return -1 * this.y(d);
      });
    },
 
    didInsertElement: function didInsertElement() {
      this._super();
      this.appendSvg();
    },
 
    selector: Em.computed.format('#{0}', 'elementId'),
 
    appendSvg: function appendSvg() {
      var thisChart = this;
 
      this.set('svg', d3.select(this.get('selector')).append("svg:svg").attr("width", thisChart.get('w')).attr("height", thisChart.get('h')));
 
      this.set('g', thisChart.get('svg').append("svg:g").attr("transform", "translate(0, " + thisChart.get('h') + ")"));
      this.get('g').append("svg:path").attr("d", thisChart.line(thisChart.get('data')));
 
      // axis
      this.get('g').append("svg:line").attr("x1", thisChart.x(0)).attr("y1", -1 * thisChart.y(0)).attr("x2", thisChart.x(this.get('data').length)).attr("y2", -1 * thisChart.y(0));
 
      this.get('g').append("svg:line").attr("x1", thisChart.x(0)).attr("y1", -1 * thisChart.y(0)).attr("x2", thisChart.x(0)).attr("y2", -1 * thisChart.y(d3.max(thisChart.get('data'))));
    }
  });
});