examples.html.haml 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. .container
  2. .section
  3. = partial :index_item_title, locals: { id: 'chart', name: 'Chart' }
  4. %div
  5. .row
  6. = partial :index_item, locals: { id: 'simple_multiple' }
  7. = partial :index_item, locals: { id: 'timeseries' }
  8. = partial :index_item, locals: { id: 'chart_spline' }
  9. .row
  10. = partial :index_item, locals: { id: 'simple_xy' }
  11. = partial :index_item, locals: { id: 'simple_xy_multiple' }
  12. = partial :index_item, locals: { id: 'simple_regions' }
  13. .row
  14. = partial :index_item, locals: { id: 'chart_step' }
  15. = partial :index_item, locals: { id: 'chart_area' }
  16. = partial :index_item, locals: { id: 'chart_area_stacked' }
  17. .row
  18. = partial :index_item, locals: { id: 'chart_bar' }
  19. = partial :index_item, locals: { id: 'chart_bar_stacked' }
  20. = partial :index_item, locals: { id: 'chart_scatter' }
  21. .row
  22. = partial :index_item, locals: { id: 'chart_pie' }
  23. = partial :index_item, locals: { id: 'chart_donut' }
  24. = partial :index_item, locals: { id: 'chart_gauge' }
  25. .row
  26. = partial :index_item, locals: { id: 'chart_stanford' }
  27. = partial :index_item, locals: { id: 'chart_combination' }
  28. .large-4.columns
  29. %hr.medium
  30. .section
  31. = partial :index_item_title, locals: { id: 'axis', name: 'Axis' }
  32. %div
  33. .row
  34. = partial :index_item, locals: { id: 'categorized' }
  35. = partial :index_item, locals: { id: 'axes_rotated' }
  36. = partial :index_item, locals: { id: 'axes_y2' }
  37. .row
  38. = partial :index_item, locals: { id: 'axes_x_tick_format' }
  39. = partial :index_item, locals: { id: 'axes_x_tick_count' }
  40. = partial :index_item, locals: { id: 'axes_x_tick_values' }
  41. .row
  42. = partial :index_item, locals: { id: 'axes_x_tick_culling' }
  43. = partial :index_item, locals: { id: 'axes_x_tick_fit' }
  44. = partial :index_item, locals: { id: 'axes_x_localtime' }
  45. .row
  46. = partial :index_item, locals: { id: 'axes_x_tick_rotate' }
  47. = partial :index_item, locals: { id: 'axes_y_tick_format' }
  48. = partial :index_item, locals: { id: 'axes_y_padding' }
  49. .row
  50. = partial :index_item, locals: { id: 'axes_y_range' }
  51. = partial :index_item, locals: { id: 'axes_label' }
  52. = partial :index_item, locals: { id: 'axes_label_position' }
  53. .large-4.columns
  54. %hr.medium
  55. .section
  56. = partial :index_item_title, locals: { id: 'data', name: 'Data' }
  57. %div
  58. .row
  59. = partial :index_item, locals: { id: 'data_columned' }
  60. = partial :index_item, locals: { id: 'data_rowed' }
  61. = partial :index_item, locals: { id: 'data_json' }
  62. .row
  63. = partial :index_item, locals: { id: 'data_url' }
  64. = partial :index_item, locals: { id: 'data_stringx' }
  65. = partial :index_item, locals: { id: 'data_load' }
  66. .row
  67. = partial :index_item, locals: { id: 'data_name' }
  68. = partial :index_item, locals: { id: 'data_color' }
  69. = partial :index_item, locals: { id: 'data_order' }
  70. .row
  71. = partial :index_item, locals: { id: 'data_label' }
  72. = partial :index_item, locals: { id: 'data_label_format' }
  73. = partial :index_item, locals: { id: 'data_number_format_l10n' }
  74. .large-4.columns
  75. %hr.medium
  76. .section
  77. = partial :index_item_title, locals: { id: 'grid', name: 'Grid' }
  78. %div
  79. .row
  80. = partial :index_item, locals: { id: 'options_gridline' }
  81. = partial :index_item, locals: { id: 'grid_x_lines' }
  82. = partial :index_item, locals: { id: 'grid_y_lines' }
  83. %hr.medium
  84. .section
  85. = partial :index_item_title, locals: { id: 'region', name: 'Region' }
  86. %div
  87. .row
  88. = partial :index_item, locals: { id: 'region' }
  89. = partial :index_item, locals: { id: 'region_timeseries' }
  90. .large-4.columns
  91. %hr.medium
  92. .section
  93. = partial :index_item_title, locals: { id: 'interaction', name: 'Interaction' }
  94. %div
  95. .row
  96. = partial :index_item, locals: { id: 'options_subchart' }
  97. = partial :index_item, locals: { id: 'interaction_zoom' }
  98. .large-4.columns
  99. %hr.medium
  100. .section
  101. = partial :index_item_title, locals: { id: 'legend', name: 'Legend' }
  102. %div
  103. .row
  104. = partial :index_item, locals: { id: 'options_legend' }
  105. = partial :index_item, locals: { id: 'legend_position' }
  106. = partial :index_item, locals: { id: 'legend_custom' }
  107. %hr.medium
  108. .section
  109. = partial :index_item_title, locals: { id: 'tooltip', name: 'Tooltip' }
  110. %div
  111. .row
  112. = partial :index_item, locals: { id: 'tooltip_show' }
  113. = partial :index_item, locals: { id: 'tooltip_grouped' }
  114. = partial :index_item, locals: { id: 'tooltip_format' }
  115. %hr.medium
  116. .section
  117. = partial :index_item_title, locals: { id: 'chart_options', name: 'Chart Options' }
  118. %div
  119. .row
  120. = partial :index_item, locals: { id: 'options_size' }
  121. = partial :index_item, locals: { id: 'options_padding' }
  122. = partial :index_item, locals: { id: 'options_color' }
  123. .row
  124. = partial :index_item, locals: { id: 'transition_duration' }
  125. .large-4.columns
  126. .large-4.columns
  127. %hr.medium
  128. .section
  129. = partial :index_item_title, locals: { id: 'line_chart_options', name: 'Line Chart Options' }
  130. %div
  131. .row
  132. = partial :index_item, locals: { id: 'point_show' }
  133. .large-4.columns
  134. .large-4.columns
  135. %hr.medium
  136. .section
  137. = partial :index_item_title, locals: { id: 'pie_chart_options', name: 'Pie Chart Options' }
  138. %div
  139. .row
  140. = partial :index_item, locals: { id: 'pie_label_format' }
  141. .large-4.columns
  142. .large-4.columns
  143. %hr.medium
  144. .section
  145. = partial :index_item_title, locals: { id: 'api', name: 'API' }
  146. %div
  147. .row
  148. = partial :index_item, locals: { id: 'api_flow' }
  149. = partial :index_item, locals: { id: 'api_data_name' }
  150. = partial :index_item, locals: { id: 'api_data_color' }
  151. .row
  152. = partial :index_item, locals: { id: 'api_axis_label' }
  153. = partial :index_item, locals: { id: 'api_axis_range' }
  154. = partial :index_item, locals: { id: 'api_resize' }
  155. .row
  156. = partial :index_item, locals: { id: 'api_grid_x' }
  157. .large-4.columns
  158. .large-4.columns
  159. %hr.medium
  160. .section
  161. = partial :index_item_title, locals: { id: 'transform', name: 'Transform' }
  162. %div
  163. .row
  164. = partial :index_item, locals: { id: 'transform_line' }
  165. = partial :index_item, locals: { id: 'transform_spline' }
  166. = partial :index_item, locals: { id: 'transform_bar' }
  167. .row
  168. = partial :index_item, locals: { id: 'transform_area' }
  169. = partial :index_item, locals: { id: 'transform_areaspline' }
  170. = partial :index_item, locals: { id: 'transform_scatter' }
  171. .row
  172. = partial :index_item, locals: { id: 'transform_pie' }
  173. = partial :index_item, locals: { id: 'transform_donut' }
  174. .large-4.columns
  175. %hr.medium
  176. .section
  177. = partial :index_item_title, locals: { id: 'style', name: 'Style' }
  178. %div
  179. .row
  180. = partial :index_item, locals: { id: 'style_region' }
  181. = partial :index_item, locals: { id: 'style_grid' }
  182. .large-4.columns
  183. = partial :footer
  184. = partial :script