Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<html>
​
<head>
  <script src="https://d3js.org/d3.v3.min.js"></script>
  <script src="http://dimplejs.org/dist/dimple.v2.1.6.min.js"></script>
​
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
</head>
  
<div id="chartContainer">
<div id="chart">
<body ng-app="App">
  
  <div   ng-controller="first">
    <div ng-controller="second ">
      
​
    <h1>{{respondToSelect}}</h1> Year:
    <select   ng-model="selectedyear" ng-change="sampleDropDown()">
      <option ng-repeat="year in filterOptions.stores |  unique: 'year'"> {{ year.year }}</option>
    </select>
    Quarter:
    <select ng-model="selectquarter" ng-change="sampleDropDown()">
      <option ng-repeat="quarter in filterOptions.stores |  unique:  'quarter'">{{ quarter.quarter }}</option>
    </select>
    Channel:
    <select ng-model="selectchannel" ng-change="sampleDropDown()">
      <option ng-repeat="channel in filterOptions.stores |  unique:  'channel'">{{ channel.channel }}</option>
    </select>
    <button ng-click="updateChart()">Submit</button>
    <br/>
    <br/>
​
​
​
​
</div>
  </div>
</body>
 
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
mtkilicpro
0viewers