Skip to content

Instantly share code, notes, and snippets.

@javiercr
Created January 13, 2015 15:46
Show Gist options
  • Save javiercr/90f520114a971b0679e6 to your computer and use it in GitHub Desktop.
Save javiercr/90f520114a971b0679e6 to your computer and use it in GitHub Desktop.
Rubix chart
(function() {
var chart = new Rubix('#test', {
height: 550,
title: 'Test',
noSort: true,
subtitle: 'Test',
hideXAxisTickLines: true,
// hideYAxisTickLines: true,
// hideXAxis: true,
gridColor: '#EBEBEB',
tickColor: '#2EB398',
titleColor: '#2EB398',
subtitleColor: '#2EB398',
axis: {
x: {
type: 'ordinal'
},
y: {
type: 'linear',
tickFormat: ',.0f'
}
},
margin: {
top: 50
},
tooltip: {
color: '#2EB398',
format: {
y: '.0f'
}
},
grouped: true,
show_markers: false
});
var series1 = chart.column_series({
name: 'Series 1',
color: '#2EB398',
marker: 'square',
fillopacity: 1
});
series1.addData([
{ x: 'Jan 13', y: 527 },
{ x: 'Feb 13', y: 2205 },
{ x: 'Mar 13', y: 729 },
{ x: 'Apr 13', y: 1218 },
{ x: 'May 13', y: 920 },
{ x: 'Jun 13', y: 2215 },
{ x: 'Jul 13', y: 3264 },
{ x: 'Aug 13', y: 4223 },
{ x: 'Sep 13', y: 2251 },
{ x: 'Oct 13', y: 1257 },
{ x: 'Nov 13', y: 2253 },
{ x: 'Dec 13', y: 3285 },
{ x: 'Jan 14', y: 3254 },
{ x: 'Feb 14', y: 4230 },
{ x: 'Mar 14', y: 8284 },
{ x: 'Apr 14', y: 9252 },
{ x: 'May 14', y: 9218 },
{ x: 'Jun 14', y: 12612 },
{ x: 'Jul 14', y: 22801 },
{ x: 'Aug 14', y: 22800 },
{ x: 'Sep 14', y: 12697 },
{ x: 'Oct 14', y: 12876 },
{ x: 'Nov 14', y: 22065 },
{ x: 'Dec 14', y: 32446 }
]);
var series2 = chart.column_series({
name: 'Series 2',
color: '#7CD5BA',
fillopacity: 1
});
series2.addData([
{ x: 'Jan 13', y: 3945 },
{ x: 'Feb 13', y: 19070 },
{ x: 'Mar 13', y: 4906 },
{ x: 'Apr 13', y: 5958 },
{ x: 'May 13', y: 6968 },
{ x: 'Jun 13', y: 19239 },
{ x: 'Jul 13', y: 29225 },
{ x: 'Aug 13', y: 29589 },
{ x: 'Sep 13', y: 19661 },
{ x: 'Oct 13', y: 19188 },
{ x: 'Nov 13', y: 19571 },
{ x: 'Dec 13', y: 29485 },
{ x: 'Jan 14', y: 29166 },
{ x: 'Feb 14', y: 29544 },
{ x: 'Mar 14', y: 59499 },
{ x: 'Apr 14', y: 59703 },
{ x: 'May 14', y: 59378 },
{ x: 'Jun 14', y: 99725 },
{ x: 'Jul 14', y: 197146 },
{ x: 'Aug 14', y: 196882 },
{ x: 'Sep 14', y: 99820 },
{ x: 'Oct 14', y: 191050 },
{ x: 'Nov 14', y: 192677 },
{ x: 'Dec 14', y: 291143 }
]);
})();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment