Angular: Empty Fiddle

http://angularjs.org/

by ramnathv

HTML

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://public.opencpu.org/js/archive/opencpu-0.4.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.1/angular.min.js"></script>
<h1>The Plotting Widget</h1>



<div ng-controller='HistCtrl'>
  <b>Ticker</b> 
  <form ng-submit='submit()' role='form'>
    <input type="text" ng-model="numbers"/>
    <input type="text" ng-model="color"/>
     You picked {{ticker}}
    <input type="submit" id="submit" class='btn btn-primary' value="Submit" />
  </form>
</div>
  <div id="plotdiv"></div>

CSS

#plotdiv {
    position: relative;
    height: 400px;
    border: solid gray 1px;
}

JavaScript

var myApp = angular.module('myApp', []);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

//set CORS to call "stocks" package on public server
ocpu.seturl("//public.opencpu.org/ocpu/library/graphics/R")

function OcpuCtrl($scope){
 $scope.ticker = 'GOOG'
 $scope.from = '2013-01-01'
 $scope.submit = function(){
   var req = $("#plotdiv").rplot("smoothplot", {
     ticker : $scope.ticker,
     from : $scope.from
   });
    
   //optional
   req.fail(function(){
     alert("R returned an error: " + req.responseText); 
   });
 }
}

function HistCtrl($scope){
    $scope.numbers = ["1, 2, 3, 4, 5"]
    $scope.color = 'blue'
    $scope.submit = function(){
      var x = $scope.numbers.split(",")
      for(var i=0; i<x.length; i++) {
          x[i] = +x[i]; 
      } 
      var req = $("#plotdiv").rplot("hist", {
         x : x,
         col: $scope.color
      });   
    }
}