forked from Quartz/Chartbuilder
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
145 lines (124 loc) · 6.71 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Chartbuilder</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<!-- favicon updates through js -->
<link id="favicon" rel="shortcut icon" type="image/png" href="" />
<link rel="stylesheet" href="css/boilerplate.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="css/chartbuilder.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="css/gneisschart.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="css/colorPicker.css" type="text/css" media="screen" charset="utf-8">
</head>
<body>
<!-- Add your site or application content here -->
<div id="interactiveContent">
<div id="leftColumn" class="cbColumn">
<div id="staticStuff">
<div id="chartContainer">
</div>
<canvas id="canvas" width="1200px" height="676px"></canvas>
<canvas id="favicanvas" width="16px" height="16px"></canvas>
<div id="datainput">
<form accept-charset="utf-8" id="dataInputForm">
<textarea id="csvInput" name="csvInput" rows="8" cols="40"></textarea>
</form>
</div>
<div id="dataTable">
<table border=0>
<tr><th>Header</th></tr>
<tr><td>Data</td></tr>
</table>
</div>
</div>
</div>
<div id="rightColumn" class="cbColumn">
<div id="chartOptions" class="interfaceCol">
<h2>Chart Options</h2>
<form accept-charset="utf-8">
<label for="chart_title">Title</label><input type="text" name="chart_title" value="" id="chart_title">
<label for="right_axis_prefix">Right Axis Prefix</label><input type="text" name="right_axis_prefix" value="" id="right_axis_prefix">
<label for="right_axis_suffix">Right Axis Suffix</label><input type="text/submit/hidden/button" name="right_axis_suffix" value="" id="right_axis_suffix">
<label for="right_axis_tick_num">Number of Y Axis Ticks</label><select name="right_axis_tick_num" id="right_axis_tick_num" size="1">
<option>2</option>
<option>3</option>
<option selected >4</option>
<option>5</option>
<option>6</option>
</select>
<label for="right_axis_max">Right Axis Max</label><input type="text" name="right_axis_max" value="" id="right_axis_max">
<label for="right_axis_min">Right Axis Min</label><input type="text" name="right_axis_min" value="" id="right_axis_min">
<label for="right_axis_tick_override">Right Axis Tick Override, comma separated</label><input type="text" name="right_axis_tick_override" value="" id="right_axis_tick_override">
<div id="leftAxisControls">
<label for="left_axis_prefix">Left Axis Prefix</label><input type="text" name="left_axis_prefix" value="" id="left_axis_prefix">
<label for="left_axis_suffix">Left Axis Suffix</label><input type="text/submit/hidden/button" name="left_axis_suffix" value="" id="left_axis_suffix">
<label for="left_axis_max">Left Axis Max</label><input type="text" name="left_axis_max" value="" id="left_axis_max">
<label for="left_axis_min">Left Axis Min</label><input type="text" name="left_axis_min" value="" id="left_axis_min">
<label for="left_axis_tick_override">Left Axis Tick Override, comma separated</label><input type="text" name="left_axis_tick_override" value="" id="left_axis_tick_override" >
</div>
<label for="credit">Credit</label><input id="creditLine" type="text" name="credit" value="Made with Chartbuilder">
<label for="source">Source</label><input id="sourceLine" type="text" name="source" value="Data: ">
<cite>"Something like Data: Bureau of Labor Statistics" or "Data compiled by Factset"</cite>
<label for="x_axis_tick_num">Number of X Axis Ticks</label><select name="x_axis_tick_num" id="x_axis_tick_num" size="1">
<option>2</option>
<option>3</option>
<option>4</option>
<option selected>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
</select>
<label for="x_axis_date_format">X Axis Date Format</label><select name="x_axis_date_format" id="x_axis_date_format">
<option value="mmddyyyy">2/25/2012</option>
<option value="mmdd">2/25</option>
<option value="Mdd">Feb. 25</option>
<option value="mmyy">2/13</option>
<option value="yy">’13</option>
<option value="yyyy">2013</option>
<option value="MM">February</option>
<option selected value="M">Feb.</option>
<option value="hmm">3:27</option>
</select>
</form>
<h2>Series Options</h2>
<div id="seriesItems">
</div>
<label for="previous_charts">Previously Created Charts</label>
<select name="previous_charts" id="previous_charts">
</select>
<div class="updateButton" id="createImageButton">
<p>Create Image of Chart</p>
</div>
<a download="new_chart.png" id="downloadImageLink" class="hide downloadLink" href="#" target="_blank">Download Image of Chart</a>
<a download="new_chart.svg" id="downloadSVGLink" class="hide downloadLink" href="#" target="_blank">Download SVG of Chart</a>
</div>
<div id="currentSeries" class="interfaceCol">
</div>
</div>
</div>
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.1.min.js"><\/script>')</script>
<script src="js/vendor/plugins.js" type="text/javascript" charset="utf-8"></script>
<script src="js/vendor/d3.v2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/vendor/sugar-1.3.9-custom.min.js"></script>
<script src="js/gneisschart.js" type="text/javascript" charset="utf-8"></script>
<script src="js/chartbuilder.js"></script>
<script src="config/default_config.js"></script>
<script type="text/javascript" src="js/vendor/canvg.js"></script>
<script src="js/vendor/rgbcolor.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>