Skip to content

Instantly share code, notes, and snippets.

@reinholdsson

reinholdsson/index.html

Created June 12, 2013 10:29
Show Gist options
  • Save reinholdsson/5764263 to your computer and use it in GitHub Desktop.
Save reinholdsson/5764263 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype HTML>
<meta charset = 'utf-8'>
<html>
<head>
<link rel='stylesheet' href='http://tenxer.github.io/xcharts/css/master.css'>
<script src='http://d3js.org/d3.v2.min.js' type='text/javascript'></script>
<script src='http://tenxer.github.io/xcharts/js/xcharts.min.js' type='text/javascript'></script>
<style>
.rChart {
display: block;
margin-left: auto;
margin-right: auto;
width: 800px;
height: 400px;
}
</style>
</head>
<body>
<figure id='chart1a7475f40fa0' class='rChart xcharts'></figure>
<script type='text/javascript'>
var data = {
"dom": "chart1a7475f40fa0",
"width": 800,
"height": 400,
"xScale": "linear",
"yScale": "linear",
"main": [
{
"data": [
{
"x": 84,
"y": 130.7
},
{
"x": 76.5,
"y": 129.8
},
{
"x": 67.8,
"y": 126.6
},
{
"x": 57.6,
"y": 122.6
},
{
"x": 48,
"y": 119
},
{
"x": 37.3,
"y": 114.9
},
{
"x": 19.3,
"y": 107.9
},
{
"x": 1.2,
"y": 100.6
}
]
},
{
"data": [
{
"x": 84,
"y": 207
},
{
"x": 76.5,
"y": 130
},
{
"x": 67.8,
"y": 91
},
{
"x": 57.6,
"y": 70.5
},
{
"x": 48,
"y": 61.5
},
{
"x": 37.3,
"y": 57.2
},
{
"x": 19.3,
"y": 56.7
},
{
"x": 1.2,
"y": 63.6
}
]
},
{
"data": [
{
"x": 84,
"y": 2.7
},
{
"x": 76.5,
"y": 2.5
},
{
"x": 67.8,
"y": 2
},
{
"x": 57.6,
"y": 1.4
},
{
"x": 48,
"y": 0.9
},
{
"x": 37.3,
"y": 0.4
},
{
"x": 19.3,
"y": -0.4
},
{
"x": 1.2,
"y": -1.4
}
]
}
],
"id": "chart1a7475f40fa0"
},
chartType = "line-dotted",
myChart = new xChart(chartType, data, '#chart1a7475f40fa0');
</script>
<style>figure.rChart {height: 400px;}</style>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment