Skip to content

Instantly share code, notes, and snippets.

View andregardi's full-sized avatar

andregardi

63 followers · 0 following
View GitHub Profile
@andregardi
andregardi / myChart.js
Created September 28, 2018 19:54
function renderChart(data, labels) {
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: labels,
datasets: [{
label: 'This week',
data: data,
}]
@andregardi
andregardi / index.html
Created September 28, 2018 19:57
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Exploring Chart.js</title>
</head>
<style>
@andregardi
andregardi / myChart.js
Created September 28, 2018 20:17
function float2dollar(value){
return "U$ "+(value).toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
}
function renderChart(data, labels) {
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: labels,
@andregardi
andregardi / data.json
Last active September 28, 2018 22:16
{
"chartData": {
"labels": [
"sunday",
"monday",
"tuesday",
"wednesday",
"thursday",
"friday",
"saturday"
@andregardi
andregardi / myChart.js
Last active September 30, 2018 23:27
function getChartData() {
$("#loadingMessage").html('<img src="./giphy.gif" alt="" srcset="">');
$.ajax({
url: "http://localhost:3000/chartdata",
success: function (result) {
$("#loadingMessage").html("");
var data = [];
data.push(result.thisWeek);
data.push(result.lastWeek);
var labels = result.labels;
@andregardi
andregardi / index.html
Last active September 29, 2018 14:42
<style>
.container {
width: 50%;
height: 50%;
position: relative;
}
#loadingMessage{
position: absolute;
left: 50%;
top: 50%;
@andregardi
andregardi / data.json
Created September 28, 2018 23:42
{
"chartData": {
"labels": [
"sunday",
"monday",
"tuesday",
"wednesday",
"thursday",
"friday",
"saturday"
@andregardi
andregardi / myChart.js
Last active September 30, 2018 20:34
function float2dollar(value) {
return "U$ " + (value).toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
}
function renderChart(data, labels) {
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
type: 'line',
data: {
@andregardi
andregardi / pieChart.js
Last active October 1, 2018 00:37
var labels = [
"Vote for blue",
"vote for red",
];
var data = [
70,
30,
];
var pie = document.getElementById("pieChart").getContext('2d');
var myChart = new Chart(pie, {
@andregardi
andregardi / mixChart.js
Last active September 30, 2018 22:11
var labels = [
"sunday",
"monday",
"tuesday",
"wednesday",
"thursday",
"friday",
"saturday"
];