Test BitFlux S version
by SAiTO TOSHiKi
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>
<script src="https://rawgit.com/KoyoSE/test-b/master/dist/selector/js/selector.js"></script>
<link rel="stylesheet" href="https://rawgit.com/KoyoSE/test-b/master/dist/assets/css/style.css">
<br>
<div class="container">
<div class="chart-container">
<div id="kFX-selector"></div>
<div id="kFX-chart"></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
// --------
<!-- window.onload = function () {
-->
const kfx = kFX.app()
.fetchGdaxProducts(true)
.proportionOfDataToDisplayByDefault(1)
.run('#kFX-chart');
const kfxSelector = kFXSelector()
.initalize(kfx, '#kFX-selector');
<!-- };
-->