%%[[if edit]]%%
<div id="lineGraphTitle_%id%" class="lineGraphTitle">%id=graph_title%</div>
%%[[endif]]%%

%%[[if !edit]]%% 
<script src="%assetPath%/rx-linegraph-assets/dygraph-combined.js"></script>
%[if %("%id=smoothing%" == "true")% ]%
<script src="%assetPath%/rx-linegraph-assets/smooth-plotter.js"></script>
%[endif]%

<div id="lineGraph%id%" style="height:%id=height%; width:100%;"></div>

<script type="text/javascript">
g2 = new Dygraph(
	document.getElementById("lineGraph%id%"),
	%[if %("%id=data_source%" == "array")% ]%
	%id=data_array%,
	%[endif]%
	%[if %("%id=data_source%" == "sample")% ]%
	"%assetPath%/linegraph-sample-data/temperatures.csv",
	%[endif]%
	%[if %("%id=data_source%" == "custom")% ]%
	"%id=csv_link -href%",
	%[endif]%
	{
		title: '%id=graph_title%',
		titleHeight: %id=graph_titlesize%,
		xlabel: '%id=graph_xaxis%',
		ylabel: '%id=graph_yaxis%',
		drawXGrid: %id=graph_xaxisgridlines%,
		drawYGrid: %id=graph_yaxisgridlines%,
		gridLineColor: '%id=gridline_color%',
		fillGraph: %id=filled%,
		stackedGraph: %id=stacked%,
		highlightCircleSize: %id=highlight_points%,

		%[if %("%id=data_source%" == "array")% ]%
		labels: %id=data_array_labels%,
		%[endif]%

		%[if %("%id=value_range[0]%" != "")% ]%
		valueRange: [%id=value_range[0]%,%id=value_range[1]%]
		%[endif]%
		
		%[if %("%id=legend%" != "none")% ]%
		legend: '%id=legend%', // onmouseover, always, follow
		%[endif]%
		
		drawPoints: %id=line_points%,
		
		%[if %("%id=smoothing%" == "true")% ]%
		plotter: smoothPlotter,
		%[endif]%
		
		colors: ['%id=dataSet1Color%','%id=dataSet2Color%','%id=dataSet3Color%','%id=dataSet4Color%','%id=dataSet5Color%','%id=dataSet6Color%','%id=dataSet7Color%','%id=dataSet8Color%','%id=dataSet9Color%','%id=dataSet10Color%','%id=dataSet11Color%','%id=dataSet12Color%','%id=dataSet13Color%','%id=dataSet14Color%','%id=dataSet15Color%','%id=dataSet16Color%','%id=dataSet17Color%','%id=dataSet18Color%','%id=dataSet19Color%','%id=dataSet20Color%'],
		strokeBorderWidth: %id=stroke_border%,
		strokeBorderColor: '%id=stroke_color%',
		stepPlot: %id=stepped%,
		includeZero: %id=zero_indexed%,
		connectSeparatedPoints: %id=connectseperatedpoints%,
		
		%[if %("%id=range_selector%" == "true")% ]%
		showRangeSelector: true,
		rangeSelectorHeight: %id=range_height%,
		rangeSelectorPlotFillColor: '%id=range_fill%',
		%[endif]%

		%id=custom_options%

	}
);
</script>
%%[[endif]]%%

%%[[if !edit]]%% 
<!-- Demo stack. Credit to remain on display at ALL times. If you like this stack, then please buy a copy of it. -->
<div style="position:fixed;bottom:0;left:0;z-index:999999;font-family:monospace;font-size:13px;color:#fff;background:#000;padding:0.5rem;">This webpage uses the free demo version of %stackTitle% v%stackVersion%</div>
%%[[endif]]%%