-
-
Notifications
You must be signed in to change notification settings - Fork 118
Expand file tree
/
Copy pathplot.html
More file actions
128 lines (122 loc) · 7.85 KB
/
plot.html
File metadata and controls
128 lines (122 loc) · 7.85 KB
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
<div class="vp-option-page" id="vp_inputPage">
<h4 class="vp-funcNavi"> <span class="vp-multilang" data-caption-id="funcNavi"> Pandas > <strong><span data-caption-id="vp_functionName" class="vp_functionName"></span></span></strong></h4>
<hr/>
<form id="vp_optionForm">
<div class="vp-accordion-container vp-accordion-open">
<div class="vp-accordion-header"><span class="vp-accordion-indicator"></span><span class="vp-accordion-caption" data-caption-id="TODO:Variable">Required Input & Output</span></div>
<div id="vp_inputOutputBox" class="vp-accordion-content">
<table class="vp-option-table">
<colgroup><col width="30%"><col width="*"></colgroup>
<tbody>
</tbody>
</table>
</div>
</div>
<div class="vp-accordion-container vp-accordion-open">
<div class="vp-accordion-header"><span class="vp-accordion-indicator"></span><span class="vp-accordion-caption" data-caption-id="TODO:Variable">Chart Option</span></div>
<div id="vp_optionBox" class="vp-accordion-content">
<table class="vp-option-table">
<colgroup><col width="30%"><col width="*"></colgroup>
<tbody>
<tr>
<td><span class="vp-multilang" data-caption-id="plot_kind">Chart Type</span></td>
<td>
<div id="vp_plotKind" class="vp-plot-kind">
<div class="vp-plot-item" id="vp_plotLine" data-kind="line" data-show-text="line">
<div class="vp-plot-thumb line"></div>
<div class="vp-plot-name">Line</div>
</div>
<div class="vp-plot-item" id="vp_plotBar" data-kind="bar" data-show-text="bar">
<div class="vp-plot-thumb bar"></div>
<div class="vp-plot-name">Bar</div>
</div>
<div class="vp-plot-item" id="vp_plotBarh" data-kind="barh" data-show-text="barh">
<div class="vp-plot-thumb barh"></div>
<div class="vp-plot-name">Bar(horizon)</div>
</div>
<div class="vp-plot-item" id="vp_plotHist" data-kind="hist" data-show-text="hist">
<div class="vp-plot-thumb hist"></div>
<div class="vp-plot-name">Histogram</div>
</div>
<div class="vp-plot-item" id="vp_plotBox" data-kind="box" data-show-text="box">
<div class="vp-plot-thumb box"></div>
<div class="vp-plot-name">Box Plot</div>
</div>
<div class="vp-plot-item" id="vp_plotKde" data-kind="kde" data-show-text="KDE">
<div class="vp-plot-thumb kde"></div>
<div class="vp-plot-name">KDE</div>
</div>
<div class="vp-plot-item" id="vp_plotArea" data-kind="area" data-show-text="Area">
<div class="vp-plot-thumb area"></div>
<div class="vp-plot-name">Area Chart</div>
</div>
<div class="vp-plot-item" id="vp_plotPie" data-kind="pie" data-show-text="pie">
<div class="vp-plot-thumb pie"></div>
<div class="vp-plot-name">Pie Chart</div>
</div>
<div class="vp-plot-item" id="vp_plotScatter" data-kind="scatter" data-show-text="Scatter">
<div class="vp-plot-thumb scatter"></div>
<div class="vp-plot-name">Scatter Plot</div>
</div>
<div class="vp-plot-item" id="vp_plotHexbin" data-kind="hexbin" data-show-text="Hexbin">
<div class="vp-plot-thumb hexbin"></div>
<div class="vp-plot-name">Hexbin Plot</div>
</div>
</div>
</td>
</tr>
<!-- user option -->
<tr>
<td><label for="vp_userOption">User Option</label></td>
<td>
<input id="vp_userOption" type="text" class="vp-input" placeholder="key=value, key=value ..."/>
<!-- TODO: input enter -> block create in div -->
<!-- <input type="text" id="vp_userOption" placeholder="key=value"/>
<div id="vp_userOptionList">
</div> -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- <div class="vp-accordion-container vp-accordion-open">
<div class="vp-accordion-header"><span class="vp-accordion-indicator"></span><span class="vp-accordion-caption" data-caption-id="TODO:Variable">Chart Data Option</span></div>
<div id="vp_optionBox" class="vp-accordion-content">
<table class="vp-option-table">
<colgroup><col width="30%"><col width="*"></colgroup>
<tbody>
</tbody>
</table>
</div>
</div> -->
<div class="vp-accordion-container vp-accordion-gray-color">
<div class="vp-accordion-header"><span class="vp-accordion-indicator"></span><span class="vp-accordion-caption" data-caption-id="TODO:Variable">Chart Graphics Option</span></div>
<div id="vp_graphicsOptionBox" class="vp-accordion-content">
<table class="vp-option-table">
<colgroup><col width="30%"><col width="*"></colgroup>
<tbody>
<tr>
<td><span class="vp-multilang" data-caption-id="plot_cmap">Color Palette</span></td>
<td>
<div class="vp-plot-cmap-wrapper">
<div id="vp_plotCmap" class="vp-plot-cmap">
<span id="vp_selectedCmap" class="vp-multilang" data-caption-id="nothing_selected">None</span>
<!-- <div class="arrow"></div> -->
</div>
<div id="vp_plotCmapSelector" class="vp-plot-cmap-selector">
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- <div class="vp-accordion-container vp-accordion-gray-color">
<div class="vp-accordion-header"><span class="vp-accordion-indicator"></span><span class="vp-accordion-caption" data-caption-id="TODO:Variable">User Option</span></div>
<div id="vp_userOptionBox" class="vp-list-container">
</div>
</div> -->
</form>
</div>