geckojason

{
  "item": [
    {
      "value": 100,
      "label": "May",
      "color": "13699c"
    },
    {
      "value": 160,
      "label": "June",

geckojason

#widget-15652662 .widget-inner > header h1 {
     color: #1f1f21;
}

#widget-15652662 .widget-inner > header,
#widget-15652662 .widget-inner {
     background-color: #f7f7f7;
}

geckojason

{
  "api_key": "your api key goes here",
  "data": {
    "item": [
      {
        "value": 16,
        "text": "Long past due"
      },
      {
        "value": 64,

geckojason

{
  "item": [
    {
      "value": 16,
      "text": "Long past due"
    },
    {
      "value": 64,
      "text": "Overdue"
    },

geckojason

#widget-15652665 .widget-inner, 
#widget-15652665 .widget-inner > header { 
  background-color: #563d7c; 
}

#widget-15652665 .widget-body .t-secondary, 
#widget-15652665 .widget-inner > header h1 { 
  color: whitesmoke; 
} 

geckojason

{
    chart: {
        renderTo: "container"
    },
    credits: {
        enabled: false
    },
    title: {
        text: "My Metrics Chart"
    },

geckojason

{
  chart: {
    style: {
      color: "#b9bbbb"
    },
    renderTo: "container",
    backgroundColor: "transparent",
    lineColor: "rgba(35,37,38,100)",
    plotShadow: false
  },

geckojason

#widget-15646871 .widget-inner > header h1 {
     color: #1f1f21;
}

#widget-15646871 .widget-inner > header,
#widget-15646871 .widget-inner {
     background-color: #f7f7f7;
}

geckojason

{
  chart: {
    type: 'areaspline'
  }
  // ...
}

geckojason

{
  "api_key": "your api key goes here",
  "data": [ 
    { 
      "title": {
        "text": "Chrome"
      },
      "label": {
        "name": "New!",
        "color": "#ff2015"