Added price chart
This commit is contained in:
parent
a761b58ab0
commit
c737e14d17
10 changed files with 891 additions and 3 deletions
119
src/js/controllers/pricechart.js
Normal file
119
src/js/controllers/pricechart.js
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
'use strict';
|
||||
|
||||
angular.module('copayApp.controllers').controller('pricechartController',
|
||||
function($scope, $timeout, $ionicModal, $log, $state, $ionicHistory, lodash, pricechartService, externalLinkService, popupService) {
|
||||
|
||||
$scope.openExternalLink = function(url) {
|
||||
externalLinkService.open(url);
|
||||
};
|
||||
|
||||
var pricechart = function() {
|
||||
var rawData = [];
|
||||
|
||||
var request = new XMLHttpRequest();
|
||||
request.open('GET', 'https://index.bitcoin.com/api/v0/history?unix=1&pretty=0', true);
|
||||
|
||||
var priceHigh = 0;
|
||||
var priceLow = 100000000;
|
||||
var priceLatest = 0;
|
||||
|
||||
request.onload = function () {
|
||||
if (request.status >= 200 && request.status < 400) {
|
||||
// Success!
|
||||
console.log(request.responseText);
|
||||
|
||||
var data = {
|
||||
series: [
|
||||
{
|
||||
name: 'series-1',
|
||||
data: []
|
||||
}
|
||||
]
|
||||
};
|
||||
console.log(data);
|
||||
rawData = JSON.parse("" + request.responseText + "");
|
||||
for (var i = rawData.length - 1; i > 0; i--) {
|
||||
var tuple = rawData[i];
|
||||
data.series[0].data.push({x: new Date(tuple[0]), y: tuple[1]});
|
||||
|
||||
if (priceHigh < tuple[1])
|
||||
{
|
||||
priceHigh = tuple[1];
|
||||
}
|
||||
if (priceLow > tuple[1])
|
||||
{
|
||||
priceLow = tuple[1]
|
||||
}
|
||||
priceLatest = tuple[1];
|
||||
}
|
||||
|
||||
document.getElementById("latest-price").innerHTML = (priceLatest / 100).toFixed(2);
|
||||
document.getElementById("low-price").innerHTML = (priceLow / 100).toFixed(2);
|
||||
document.getElementById("high-price").innerHTML = (priceHigh / 100).toFixed(2);
|
||||
|
||||
var chartContainer = document.querySelector('.chart-container');
|
||||
var chartHeader = document.querySelector('.chart-header');
|
||||
console.log("Height: " + window.getComputedStyle(chartContainer).height);
|
||||
console.log("Height2: " + window.getComputedStyle(chartHeader).height);
|
||||
console.log("Width: " + window.getComputedStyle(chartContainer).width);
|
||||
|
||||
var chartHeight = window.getComputedStyle(chartContainer).height - window.getComputedStyle(chartHeader).height;
|
||||
var chartWidth = window.getComputedStyle(chartContainer).width;
|
||||
|
||||
console.log(chartHeight);
|
||||
|
||||
var options = {
|
||||
width: chartWidth,
|
||||
height: 570,
|
||||
// Don't draw the line chart points
|
||||
showPoint: false,
|
||||
// Disable line smoothing
|
||||
lineSmooth: false,
|
||||
fillOpacity: 1,
|
||||
// X-Axis specific configuration
|
||||
axisX: {
|
||||
type: Chartist.FixedScaleAxis,
|
||||
divisor: 5,
|
||||
labelInterpolationFnc: function (value) {
|
||||
return moment(value).format('MMM D');
|
||||
}
|
||||
},
|
||||
// Y-Axis specific configuration
|
||||
axisY: {
|
||||
type: Chartist.FixedScaleAxis,
|
||||
divisor: 5,
|
||||
// Lets offset the chart a bit from the labels
|
||||
offset: 70,
|
||||
low: 50000,
|
||||
// The label interpolation function enables you to modify the values
|
||||
// used for the labels on each axis.
|
||||
labelInterpolationFnc: function (value) {
|
||||
return '$' + (value / 100).toFixed(2);
|
||||
}
|
||||
},
|
||||
showArea: true
|
||||
};
|
||||
|
||||
|
||||
// Create a new line chart object where as first parameter we pass in a selector
|
||||
// that is resolving to our chart container element. The Second parameter
|
||||
// is the actual data object.
|
||||
new Chartist.Line('.ct-chart', data, options);
|
||||
}
|
||||
else
|
||||
{
|
||||
// We reached our target server, but it returned an error
|
||||
}
|
||||
};
|
||||
|
||||
request.onerror = function () {
|
||||
// There was a connection error of some sort
|
||||
};
|
||||
|
||||
request.send();
|
||||
};
|
||||
|
||||
$scope.$on("$ionicView.beforeEnter", function(event, data) {
|
||||
pricechart();
|
||||
});
|
||||
});
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
'use strict';
|
||||
|
||||
angular.module('copayApp.controllers').controller('tabHomeController',
|
||||
function($rootScope, $timeout, $scope, $state, $stateParams, $ionicModal, $ionicScrollDelegate, $window, gettextCatalog, lodash, popupService, ongoingProcess, externalLinkService, latestReleaseService, profileService, walletService, configService, $log, platformInfo, storageService, txpModalService, appConfigService, startupService, addressbookService, feedbackService, bwcError, nextStepsService, buyAndSellService, homeIntegrationsService, bitpayCardService, pushNotificationsService, timeService, bitcoincomService) {
|
||||
function($rootScope, $timeout, $scope, $state, $stateParams, $ionicModal, $ionicScrollDelegate, $window, gettextCatalog, lodash, popupService, ongoingProcess, externalLinkService, latestReleaseService, profileService, walletService, configService, $log, platformInfo, storageService, txpModalService, appConfigService, startupService, addressbookService, feedbackService, bwcError, nextStepsService, buyAndSellService, homeIntegrationsService, bitpayCardService, pushNotificationsService, timeService, bitcoincomService, pricechartService) {
|
||||
var wallet;
|
||||
var listeners = [];
|
||||
var notifications = [];
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue