Skip to content

Chart branch #17

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
SpaceTrev wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Chart branch #17

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
1257206
merging masters full history oops
Mar 30, 2018
6b82592
charts yay
Mar 30, 2018
629358f
removed chart feature folder
Mar 30, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,4 +35,11 @@ body {

.redColor{
color: red;
}
.ct-series-a .ct-line {
stroke: green;
}

.ct-series-a .ct-point {
stroke: green;
}
81 changes: 74 additions & 7 deletions assets/javascript/logic.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,7 @@ function createButtons() {
var marketCap = data.DISPLAY[name].USD.MKTCAP;
var coinPrice = roundToTwo(data.RAW[name].USD.PRICE);
var nameId = name;
var chart = chartGeneration(nameId);
var priceChangePct = data.DISPLAY[name].USD.CHANGEPCT24HOUR;
var priceChange = data.DISPLAY[name].USD.CHANGEPCTDAY;
// console.log(data.DISPLAY[name]);
Expand All @@ -90,7 +91,7 @@ function createButtons() {

<div class="col-md-6 col-lg-3">
<div class="card">
<img class="card-img-top" src="http://via.placeholder.com/350x150" alt="Card image cap">
<div class="ct-chart" id="${nameId}"></div>
<div class="card-body">
<h5 class="card-title">${nameId}</h5>
<p class="card-text">Price: ${coinPrice}$</p>
Expand All @@ -104,10 +105,76 @@ function createButtons() {
`)
}
});
}
}
}
function roundToTwo(num) {
return +(Math.round(num + "e+2") + "e-2");
function chartGeneration(name) {
var chartQueryURL = "https://min-api.cryptocompare.com/data/histoday?fsym="+name+"&tsym=USD&limit=10&aggregate=3&e=CCCAGG";
var timeses;
$.ajax({
url: chartQueryURL,
method: "GET"
}).then(function (data) {
var dateString = moment(timeConvert)._d;
var iterationObject = Object.keys(data.Data)
var time = data.Data[0].time;
var timeConvert = time.toString();
console.log(data.Data);
for (var i = 0; i < iterationObject.length; i++) {
timeses = data.Data[i].time;
var convertedAf = moment.unix(timeses)._d;
var highPrices = data.Data[i].high;
var closePrices = data.Data[i].close;
var lowPrices = data.Data[i].low;
var volumeFrom = data.Data[i].volumefrom;
var volumeTo = data.Data[i].volumeto;
// console.log(highPrices, "highPrices");
// console.log(lowPrices, "lowPrices");
// console.log(closePrices, "closePrices");
// console.log(volumeFrom, "volumeFrom");
// console.log(volumeTo, "volumeTo");
// console.log(convertedAf, "times");
}
var chartData = {
// A labels array that can contain any sort of values
labels: [],
// Our series array that contains series objects or in this case series data arrays
series: [
[data.Data[0].high, data.Data[1].high, data.Data[2].high,
data.Data[3].high, data.Data[4].high, data.Data[5].high,
data.Data[6].high, data.Data[7].high, data.Data[8].high,
data.Data[9].high, data.Data[10].high]
],
height: 100,
width: 240

};
var removeLabels = {

showLabel: false,
axisX: {
showLabel: false,
showGrid: false,

},
axisY: {
showLabel: false,
showGrid: false,

},
height: 100,
width: 240,
}

// 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.
return new Chartist.Line(`#${name}`, chartData, removeLabels);
console.log(removeLabels);
})
}

function roundToTwo(num) {
return +(Math.round(num + "e+2") + "e-2");
}

function createSavedButtons(name) {
Expand Down Expand Up @@ -155,9 +222,9 @@ function checkIfinPortfolio(name){
console.log(snapshot.val().name);
nameArray.push(snapshot.val().name);
});
if (nameArray.indexOf(coinName)>0){
if (nameArray.indexOf(coinName) > 0) {
return true;
}else{
} else {
return false;
}
}
Expand All @@ -171,7 +238,7 @@ function coinToPortfolio(name) {
nameArray.push(snapshot.val().name);

});
if (nameArray.indexOf(coinName)<0){
if (nameArray.indexOf(coinName) < 0) {
database.ref(`users/${firebase.auth().currentUser.uid}/cryptos`).push({
name: coinName
})
Expand Down
Loading