Team:UANL Mty-Mexico/Outreach

From 2013.igem.org

(Difference between revisions)
Line 9: Line 9:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
<script type="text/javascript">
 +
 +
/**
 +
* Grid theme for Highcharts JS
 +
* @author Torstein Hønsi
 +
*/
 +
 +
Highcharts.theme = {
 +
  colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
 +
  chart: {
 +
      backgroundColor: {
 +
        linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
 +
        stops: [
 +
            [0, 'rgb(255, 255, 255)'],
 +
            [1, 'rgb(240, 240, 255)']
 +
        ]
 +
      },
 +
      borderWidth: 2,
 +
      plotBackgroundColor: 'rgba(255, 255, 255, .9)',
 +
      plotShadow: true,
 +
      plotBorderWidth: 1
 +
  },
 +
  title: {
 +
      style: {
 +
        color: '#000',
 +
        font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
 +
      }
 +
  },
 +
  subtitle: {
 +
      style: {
 +
        color: '#666666',
 +
        font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
 +
      }
 +
  },
 +
  xAxis: {
 +
      gridLineWidth: 1,
 +
      lineColor: '#000',
 +
      tickColor: '#000',
 +
      labels: {
 +
        style: {
 +
            color: '#000',
 +
            font: '11px Trebuchet MS, Verdana, sans-serif'
 +
        }
 +
      },
 +
      title: {
 +
        style: {
 +
            color: '#333',
 +
            fontWeight: 'bold',
 +
            fontSize: '12px',
 +
            fontFamily: 'Trebuchet MS, Verdana, sans-serif'
 +
 +
        }
 +
      }
 +
  },
 +
  yAxis: {
 +
      minorTickInterval: 'auto',
 +
      lineColor: '#000',
 +
      lineWidth: 1,
 +
      tickWidth: 1,
 +
      tickColor: '#000',
 +
      labels: {
 +
        style: {
 +
            color: '#000',
 +
            font: '11px Trebuchet MS, Verdana, sans-serif'
 +
        }
 +
      },
 +
      title: {
 +
        style: {
 +
            color: '#333',
 +
            fontWeight: 'bold',
 +
            fontSize: '12px',
 +
            fontFamily: 'Trebuchet MS, Verdana, sans-serif'
 +
        }
 +
      }
 +
  },
 +
  legend: {
 +
      itemStyle: {
 +
        font: '9pt Trebuchet MS, Verdana, sans-serif',
 +
        color: 'black'
 +
 +
      },
 +
      itemHoverStyle: {
 +
        color: '#039'
 +
      },
 +
      itemHiddenStyle: {
 +
        color: 'gray'
 +
      }
 +
  },
 +
  labels: {
 +
      style: {
 +
        color: '#99b'
 +
      }
 +
  },
 +
 +
  navigation: {
 +
      buttonOptions: {
 +
        theme: {
 +
            stroke: '#CCCCCC'
 +
        }
 +
      }
 +
  }
 +
};
 +
 +
// Apply the theme
 +
var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
 +
$(function () {
$(function () {
      
      
Line 141: Line 246:
         });
         });
     });
     });
-
/**
 
-
* Grid theme for Highcharts JS
 
-
* @author Torstein Hønsi
 
-
*/
 
-
 
-
Highcharts.theme = {
 
-
  colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
 
-
  chart: {
 
-
      backgroundColor: {
 
-
        linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
 
-
        stops: [
 
-
            [0, 'rgb(255, 255, 255)'],
 
-
            [1, 'rgb(240, 240, 255)']
 
-
        ]
 
-
      },
 
-
      borderWidth: 2,
 
-
      plotBackgroundColor: 'rgba(255, 255, 255, .9)',
 
-
      plotShadow: true,
 
-
      plotBorderWidth: 1
 
-
  },
 
-
  title: {
 
-
      style: {
 
-
        color: '#000',
 
-
        font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
 
-
      }
 
-
  },
 
-
  subtitle: {
 
-
      style: {
 
-
        color: '#666666',
 
-
        font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
 
-
      }
 
-
  },
 
-
  xAxis: {
 
-
      gridLineWidth: 1,
 
-
      lineColor: '#000',
 
-
      tickColor: '#000',
 
-
      labels: {
 
-
        style: {
 
-
            color: '#000',
 
-
            font: '11px Trebuchet MS, Verdana, sans-serif'
 
-
        }
 
-
      },
 
-
      title: {
 
-
        style: {
 
-
            color: '#333',
 
-
            fontWeight: 'bold',
 
-
            fontSize: '12px',
 
-
            fontFamily: 'Trebuchet MS, Verdana, sans-serif'
 
-
 
-
        }
 
-
      }
 
-
  },
 
-
  yAxis: {
 
-
      minorTickInterval: 'auto',
 
-
      lineColor: '#000',
 
-
      lineWidth: 1,
 
-
      tickWidth: 1,
 
-
      tickColor: '#000',
 
-
      labels: {
 
-
        style: {
 
-
            color: '#000',
 
-
            font: '11px Trebuchet MS, Verdana, sans-serif'
 
-
        }
 
-
      },
 
-
      title: {
 
-
        style: {
 
-
            color: '#333',
 
-
            fontWeight: 'bold',
 
-
            fontSize: '12px',
 
-
            fontFamily: 'Trebuchet MS, Verdana, sans-serif'
 
-
        }
 
-
      }
 
-
  },
 
-
  legend: {
 
-
      itemStyle: {
 
-
        font: '9pt Trebuchet MS, Verdana, sans-serif',
 
-
        color: 'black'
 
-
 
-
      },
 
-
      itemHoverStyle: {
 
-
        color: '#039'
 
-
      },
 
-
      itemHiddenStyle: {
 
-
        color: 'gray'
 
-
      }
 
-
  },
 
-
  labels: {
 
-
      style: {
 
-
        color: '#99b'
 
-
      }
 
-
  },
 
-
 
-
  navigation: {
 
-
      buttonOptions: {
 
-
        theme: {
 
-
            stroke: '#CCCCCC'
 
-
        }
 
-
      }
 
-
  }
 
-
};
 
-
 
-
// Apply the theme
 
-
var highchartsOptions = Highcharts.setOptions(Highcharts.theme);
 
</script>
</script>
</head>
</head>

Revision as of 20:01, 21 September 2013

Carousel Template for Bootstrap


Total People Reached: 14,813

Highcharts Donut Chart

Cuatro ciénegas. Source of intense metagenomic diversity

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

Generic placeholder image

Generic placeholder image

Parque Niños Héroes. Our largest public exhibition.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.


Otra cosa importante. Checkmate.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

Generic placeholder image

Creative Commons License