{:uriI"Ìfile:///Users/joel/src/revelry_core/app/assets/javascripts/revelry/ui/charts/LineChart.js.cjsx?type=application/javascript&pipeline=self&id=a8a364574574b8e83b942ca1afccca5fcb56dc174f3f64213483fbbce7925889:ET:load_pathI"8/Users/joel/src/revelry_core/app/assets/javascripts;F:filenameI"\/Users/joel/src/revelry_core/app/assets/javascripts/revelry/ui/charts/LineChart.js.cjsx;T:	nameI" revelry/ui/charts/LineChart;T:logical_pathI"(revelry/ui/charts/LineChart.self.js;T:content_typeI"application/javascript;T:sourceI"Ñ(function() {
  Rev.registerComponent('LineChart', {
    propTypes: {
      data: React.PropTypes.array.isRequired,
      options: React.PropTypes.object,
      width: React.PropTypes.number,
      height: React.PropTypes.number,
      title: React.PropTypes.string
    },
    getDefaultProps: function() {
      return {
        title: "Line Chart",
        width: 300,
        height: 300
      };
    },
    componentDidMount: function() {
      var ctx;
      ctx = this.refs.canvas.getDOMNode().getContext('2d');
      return this._chart = this.renderChart(ctx);
    },
    componentWillUnmount: function() {
      return this._chart.destroy();
    },
    renderChart: function(ctx) {
      return new Chart(ctx).Line(this.props.data, this.getDefaultOptions());
    },
    getDefaultOptions: function() {
      var defaultOptions;
      defaultOptions = {
        scaleShowGridLines: true,
        scaleGridLineColor: "rgba(0,0,0,.05)",
        scaleGridLineWidth: 1,
        scaleShowHorizontalLines: true,
        scaleShowVerticalLines: false,
        bezierCurve: false,
        bezierCurveTension: 0.4,
        pointDot: true,
        pointDotRadius: 4,
        pointDotStrokeWidth: 1,
        pointHitDetectionRadius: 20,
        datasetStroke: true,
        datasetStrokeWidth: 2,
        datasetFill: false
      };
      return defaultOptions = Object.assign(defaultOptions, this.props.options);
    },
    render: function() {
      return React.createElement("div", null, React.createElement("h3", {
        "className": "ChartTitle"
      }, this.props.title), React.createElement("canvas", {
        "ref": "canvas",
        "width": this.props.width,
        "height": this.props.height
      }));
    }
  });

}).call(this);
;T:metadata{:dependencieso:Set:
@hash{	I"environment-version;TTI"environment-paths;TTI"hprocessors:type=application/javascript&file_type=application/javascript&engines=.cjsx&pipeline=self;TTI"jfile-digest:///Users/joel/src/revelry_core/app/assets/javascripts/revelry/ui/charts/LineChart.js.cjsx;TT:requiredo;;{ :stubbedo;;{ :
linkso;;{ :charsetI"
utf-8;F:digest"%ìÛ,´Ò*w'¸Þ¼Z%ê,aÚž©F,‡õ¢·çé/:lengthiÑ:integrityI"Xni:///sha-256;BOzbLLTSKncnGrjevFoEJeosnWHanqlGLIf1orfn6S8?ct=application/javascript;T:dependencies_digest"%™QÝxGV|ÁŸýã¤x”®Jfõw@EWo¶ðC#ô:idI"Ea8a364574574b8e83b942ca1afccca5fcb56dc174f3f64213483fbbce7925889;F:
mtimel+ÝÉU