Skip to content

Instantly share code, notes, and snippets.

@walkerke
Created October 2, 2013 16:03
Show Gist options
  • Save walkerke/6796085 to your computer and use it in GitHub Desktop.
Save walkerke/6796085 to your computer and use it in GitHub Desktop.
Test1
<!doctype HTML>
<meta charset = 'utf-8'>
<html>
<head>
<script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script>
<script src='http://code.highcharts.com/highcharts.js' type='text/javascript'></script>
<script src='http://code.highcharts.com/highcharts-more.js' type='text/javascript'></script>
<script src='http://code.highcharts.com/modules/exporting.js' type='text/javascript'></script>
<style>
.rChart {
display: block;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 400px;
}
</style>
</head>
<body>
<div id='charte50ea65271' class='rChart highcharts'></div>
<script type='text/javascript'>
(function($){
$(function () {
var chart = new Highcharts.Chart({
"dom": "charte50ea65271",
"width": 800,
"height": 400,
"credits": {
"href": null,
"text": null
},
"exporting": {
"enabled": false
},
"title": {
"text": null
},
"yAxis": [
[
{
"title": {
"text": "Average hospitalization rate"
}
},
{
"title": {
"text": "Average percentage in poverty"
},
"opposite": true
}
]
],
"xAxis": [
{
"categories": [ "1", "2", "3", "4", "5", "6", "7", "8", "9", "10" ]
}
],
"series": [
{
"name": "Average hospitalization rate",
"type": "column",
"color": "#DC143C",
"data": [
24.42,
35.16,
40.13,
44.78,
49.23,
53.02,
57.29,
62.13,
68.72,
94.69
]
},
{
"name": "Average percentage in poverty",
"type": "spline",
"color": "#006400",
"yAxis": 1,
"data": [
9.95,
8.96,
10.55,
12.17,
11.73,
15.26,
15.12,
14.95,
15.47,
17.58
]
}
],
"id": "charte50ea65271",
"chart": {
"renderTo": "charte50ea65271"
}
});
});
})(jQuery);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment