Skip to content

Instantly share code, notes, and snippets.

@geckojason
geckojason / highcharts-style.js
Last active November 5, 2015 22:58
Highcharts Colors
{
colors: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1'],
chart: {
type: 'area'
},
// ...
}
@geckojason
geckojason / highcharts-scatter.js
Created June 2, 2015 01:06
Highcharts - Scatter
{
colors: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1'],
chart: {
type: 'scatter',
zoomType: 'xy'
},
title: {
text: 'Height Versus Weight of 507 Individuals by Gender'
},
subtitle: {
@geckojason
geckojason / highcharts-pie.js
Created June 2, 2015 01:05
Highcharts - Pie
{
colors: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1'],
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Browser market shares at a specific website, 2014'
},
@geckojason
geckojason / highcharts-bar.js
Created June 2, 2015 01:04
Highcharts - Bar
{
colors: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1'],
chart: {
type: 'bar'
},
title: {
text: 'Stacked bar chart'
},
xAxis: {
categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
@geckojason
geckojason / highcharts-column.js
Created June 2, 2015 01:04
Highcharts - Column
{
colors: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1'],
chart: {
type: 'column'
},
title: {
text: 'Largest cities of the world per 2014'
},
subtitle: {
text: 'Source: <a href="http://en.wikipedia.org/wiki/List_of_cities_proper_by_population">Wikipedia</a>'
@geckojason
geckojason / highcharts-areaspline.js
Created June 2, 2015 01:02
Highcharts - Areaspline
{
colors: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1'],
chart: {
type: 'areaspline'
},
title: {
text: 'Average fruit consumption during one week'
},
legend: {
layout: 'vertical',
@geckojason
geckojason / highcharts-area.js
Created June 2, 2015 01:01
Highcharts - Area
{
colors: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1'],
chart: {
type: 'area'
},
title: {
text: 'Area chart with negative values'
},
xAxis: {
categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
@geckojason
geckojason / highcharts-spline.js
Created June 2, 2015 00:59
Highcharts - Spline
{
colors: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1'],
chart: {
type: 'spline',
inverted: true
},
title: {
text: 'Atmosphere Temperature by Altitude'
},
subtitle: {
@geckojason
geckojason / highcharts-line.js
Created June 2, 2015 00:23
Highcharts - Line
{
colors: ['#7cb5ec', '#434348', '#90ed7d', '#f7a35c', '#8085e9', '#f15c80', '#e4d354', '#2b908f', '#f45b5b', '#91e8e1'],
chart: {
style: {
color: "#b9bbbb"
},
renderTo: "container",
backgroundColor: "transparent",
lineColor: "rgba(35,37,38,100)",
plotShadow: false
@geckojason
geckojason / allowable-attributes.html
Created May 20, 2015 01:09
Allowable HTML Attributes
align
alt
class
colspan
height