|
114 | 114 | <!-- Auto-create --> |
115 | 115 | </select> |
116 | 116 | </div> |
117 | | -<divclass="vp-grid-box sb-option"> |
118 | | -<label><inputtype="checkbox"id="showValues"class="vp-state"/><span>Show values</span></label> |
119 | | -<inputtype="number"id="showValuesPrecision"class="vp-state"placeholder="Type precision (0 ~ 5)"min="0"max="5"/> |
120 | | -</div> |
121 | | -<divclass="vp-grid-col-p50 sb-option"style="grid-column-start: 1;grid-column-end: 3;"> |
122 | | -<divclass="vp-grid-box"> |
123 | | -<labelclass="vp-bold">Sort values by |
124 | | -<selectid="sortBy"class="vp-state vp-select"style="width: 75px;height:25px;"> |
| 117 | +<divclass="vp-grid-box sb-option"style="grid-column-start: 1;grid-column-end: 3;"> |
| 118 | +<hrstyle="margin:5px;"/> |
| 119 | +<labelclass="vp-tab-group-title">Sort</label> |
| 120 | +<divclass="vp-grid-col-p50"> |
| 121 | +<divclass="vp-grid-col-95"> |
| 122 | +<labelfor="sortType">Order</label> |
| 123 | +<selectid="sortType"class="vp-state vp-select m"> |
| 124 | +<optionvalue="">No sorting</option> |
| 125 | +<optionvalue="descending">Sort in descending order</option> |
| 126 | +<optionvalue="ascending">Sort in ascending order</option> |
| 127 | +</select> |
| 128 | +</div> |
| 129 | +<divclass="vp-grid-col-95"> |
| 130 | +<labelfor="sortBy">Sort by</label> |
| 131 | +<selectid="sortBy"class="vp-state vp-select m"> |
125 | 132 | <optionvalue="y">y axis</option> |
126 | 133 | <optionvalue="x">x axis</option> |
127 | 134 | </select> |
128 | | -</label> |
129 | | -<selectid="sortType"class="vp-state"> |
130 | | -<optionvalue="">No sorting</option> |
131 | | -<optionvalue="descending">Sort in descending order</option> |
132 | | -<optionvalue="ascending">Sort in ascending order</option> |
133 | | -</select> |
| 135 | +</div> |
134 | 136 | </div> |
135 | | -<divclass="vp-grid-box"> |
136 | | -<labelclass="vp-bold">Sort condition</label> |
137 | | -<inputtype="text"id="sortHue"class="vp-input vp-state"placeholder="Type hue condition"/> |
138 | | -<label><inputtype="checkbox"id="sortHueText"class="vp-state"/><span>Text</span></label> |
| 137 | +<divclass="vp-grid-col-95 sb-option"> |
| 138 | +<labelfor="sortHue">Hue condition</label> |
| 139 | +<div> |
| 140 | +<inputtype="text"id="sortHue"class="vp-input vp-state"placeholder="Type hue condition"/> |
| 141 | +<label><inputtype="checkbox"id="sortHueText"class="vp-state"checked/><span>Text</span></label> |
| 142 | +</div> |
139 | 143 | </div> |
| 144 | +<hrstyle="margin:5px;"/> |
140 | 145 | </div> |
141 | 146 | </div> |
142 | 147 | <labelfor="userOption"class="vp-bold">User Option</label> |
|
207 | 212 | <inputtype="text"id="y_label"class="vp-input vp-state"placeholder="Type Y Label"/> |
208 | 213 | </div> |
209 | 214 | </div> |
210 | | - |
| 215 | +<divclass="vp-grid-box sb-option"> |
| 216 | +<hrstyle="margin:5px;"/> |
| 217 | +<labelclass="vp-tab-group-title">Show values</label> |
| 218 | +<label><inputtype="checkbox"id="showValues"class="vp-state"/><span>Show values on the top of bar</span></label> |
| 219 | +<divclass="vp-grid-col-95"> |
| 220 | +<labelfor="showValuesPrecision">Decimal place</label> |
| 221 | +<inputtype="number"id="showValuesPrecision"class="vp-state"placeholder="Type decimal places(0~5)"min="0"max="5"/> |
| 222 | +</div> |
| 223 | +<hrstyle="margin:5px;"/> |
| 224 | +</div> |
211 | 225 | <labelfor="useLegend"class="vp-bold">Legend</label> |
212 | 226 | <divclass="vp-grid-col-p50"> |
213 | 227 | <selectid="legendPos"class="vp-select vp-state"> |
|