<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<meta name="description" content="tone curve plot">
<script src="[% libjs %]/RGraph.svg.common.core.js" type="text/javascript"></script>
<script src="[% libjs %]/RGraph.svg.common.tooltips.js" type="text/javascript"></script>
<script src="[% libjs %]/RGraph.svg.line.js" type="text/javascript"></script>
<script src="[% libjs %]/RGraph.svg.scatter.js" type="text/javascript"></script>
<title>[% title %]</title>
</head>
<body>
<div style="width: 700px; height: 700px" id="chart-container"></div>
<script type="text/javascript">
new RGraph.SVG.Line({
id: 'chart-container',
data: [% data %],
options: {
backgroundGridHlinesCount: 10,
backgroundGridVlinesCount: 10,
marginTop: 50,
marginBottom: 50,
marginLeft: 50,
xaxisLinewidth: 1.5,
xaxisScale: true,
xaxisScaleMin: 0,
xaxisScaleMax: 1,
xaxisScaleDecimals: 1,
yaxisLabelsCount: 10,
yaxisLinewidth: 1.5,
yaxisScale: true,
yaxisScaleMin: [% yscalemin %],
yaxisScaleMax: [% yscalemax %],
yaxisScaleDecimals: 1,
tooltips: [% tooltips %],
colors: [% colors %],
linewidth: 3,
title: '[% title %]'
}
}).draw();
</script>
</body>
</html>