Test BitFlux S version

HTML

<script src="https://unpkg.com/[email protected]/dist/d3fc.bundle.js"></script>
<script src="https://unpkg.com/[email protected]"></script>
<script src="https://unpkg.com/[email protected]"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://unpkg.com/[email protected]/seedrandom.min.js"></script>
<script src="https://rawgit.com/KoyoSE/test-b/master/dist/assets/js/app.js"></script>
<link rel="stylesheet" href="https://rawgit.com/KoyoSE/test-b/master/dist/assets/css/style.css">
<div>
	<select id="selectorProvider"></select>
	<select id="selectorProducts"></select>
	<select id="selectorSeries"></select>
	<select id="selectorIndicator" multiple></select>
	<!--
	<select id="selectorPeriod"></select>
	-->
</div>
<br>
<div class="container">
	<div class="chart-container">
		<div id="app-container"></div>
	</div>
</div>

CSS

.chart-container {
          /*width: 500px;*/
		  height: 200px;
          margin-left: 40px;
          margin-right: 40px;
          margin-bottom: 40px;
        }
        
        .container {
          /*display: flex;*/
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: center;
        }

JavaScript

var bfapp = BitFluxS.app()
    .fetchGdaxProducts(true)
    .proportionOfDataToDisplayByDefault(1)
    .run('#app-container');

// bfapp.changeQuandlProduct('MSFT');

// bfapp.changeSeries('ohlc')
//     .indicators(['macd']);

bfapp.changeProduct('BTC-USD');


// ----- onChange -------
var onChangeProvider = function(obj) {
    var index = obj.selectedIndex;
    var value = obj.value;
    console.log('provider selectged:' + index);
    setProducts(value);
};

var setProducts = function(value) {
    var products = document.getElementById('selectorProducts');
    switch (value) {
        case 'Data Generator':
            products.length = 0;
            products.options[0] = new Option('Data Generator');
            break;
        case 'gdax':
            products.length = 0;
            var p = bfapp.getGdaxProducts();
            for(var i = 0 ; i < p.length ; i++){                
                products.options[i] = new Option(p[i].id);
            }
            break;
        case 'quandl':
            products.length = 0;
            products.options[0] = new Option('GOOG');
            products.options[1] = new Option('MSFT');
            products.options[2] = new Option('BA');
            // products.options[3] = new Option('JP:6758');
            break;
        case 'localBitcoins':
            products.length = 0;

            break;
    }
    onChangeProducts(products);
};

var onChangeProducts = function (obj) {

    var index = obj.selectedIndex;
    var value = obj.value;

    var provider = document.getElementById('selectorProvider');
    // var providerIndex = provider.selectedIndex;
    var providerValue = provider.value;

    switch (providerValue) {
        case 'quandl':
            bfapp.changeQuandlProduct(value);
            break;
        default:
            bfapp.changeProduct(value);
            break;
    }

};

var onChangeSeries = function (obj) {
    var index = obj.selectedIndex;
    var value = obj.value;
    console.log('Series...