@splunk/visualizations 28.6.0 → 28.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (366) hide show
  1. package/Area.js +2 -2
  2. package/Bar.js +2 -2
  3. package/Bubble.js +2 -2
  4. package/CHANGELOG.external.md +19 -50
  5. package/ChoroplethSvg.js +2 -2
  6. package/Column.js +2 -2
  7. package/Ellipse.js +2 -2
  8. package/Events/PureEvents/FieldSummaryTooltip.d.ts +8 -31
  9. package/Events/PureEvents/FieldSummaryTooltip.d.ts.map +1 -1
  10. package/Events/PureEvents/PureEvents.d.ts.map +1 -1
  11. package/Events/PureEvents/TimeControlsPopover.d.ts +6 -25
  12. package/Events/PureEvents/TimeControlsPopover.d.ts.map +1 -1
  13. package/Events.js +27 -101
  14. package/Events.js.map +2 -2
  15. package/FillerGauge.js +2 -2
  16. package/Image.js +2 -2
  17. package/Line.js +2 -2
  18. package/LinkGraph.js +2 -2
  19. package/Map/Map.d.ts +1 -0
  20. package/Map/Map.d.ts.map +1 -1
  21. package/Map/PureMap/BubbleLayer.d.ts +22 -4
  22. package/Map/PureMap/BubbleLayer.d.ts.map +1 -1
  23. package/Map/PureMap/ChoroplethLayer.d.ts +9 -1
  24. package/Map/PureMap/ChoroplethLayer.d.ts.map +1 -1
  25. package/Map/PureMap/ClusterLayer.d.ts +3 -1
  26. package/Map/PureMap/ClusterLayer.d.ts.map +1 -1
  27. package/Map/PureMap/LocalChoroplethLayer.d.ts +1 -0
  28. package/Map/PureMap/LocalChoroplethLayer.d.ts.map +1 -1
  29. package/Map/PureMap/MapContext.d.ts +13 -0
  30. package/Map/PureMap/MapContext.d.ts.map +1 -0
  31. package/Map/PureMap/MarkerLayer.d.ts +19 -2
  32. package/Map/PureMap/MarkerLayer.d.ts.map +1 -1
  33. package/Map/PureMap/MarkerWrapper.d.ts +3 -2
  34. package/Map/PureMap/MarkerWrapper.d.ts.map +1 -1
  35. package/Map/PureMap/PureMap.d.ts +1 -0
  36. package/Map/PureMap/PureMap.d.ts.map +1 -1
  37. package/Map/PureMap/PureMapContainer.d.ts.map +1 -1
  38. package/Map/PureMap/Tooltip.d.ts +6 -1
  39. package/Map/PureMap/Tooltip.d.ts.map +1 -1
  40. package/Map/PureMap/keyboardConstants.d.ts +11 -0
  41. package/Map/PureMap/keyboardConstants.d.ts.map +1 -0
  42. package/Map/PureMap/useRovingTabindex.d.ts +18 -0
  43. package/Map/PureMap/useRovingTabindex.d.ts.map +1 -0
  44. package/Map.js +1317 -478
  45. package/Map.js.map +4 -4
  46. package/Markdown/Markdown.d.ts.map +1 -1
  47. package/Markdown.js +23 -6
  48. package/Markdown.js.map +2 -2
  49. package/MarkerGauge.js +2 -2
  50. package/NetworkGraph/NetworkGraph.d.ts +2 -5
  51. package/NetworkGraph/NetworkGraph.d.ts.map +1 -1
  52. package/NetworkGraph/PureNetworkGraph/PureNetworkGraph.d.ts.map +1 -1
  53. package/NetworkGraph/PureNetworkGraph/components/NetworkGraphSvg.d.ts +1 -0
  54. package/NetworkGraph/PureNetworkGraph/components/NetworkGraphSvg.d.ts.map +1 -1
  55. package/NetworkGraph/PureNetworkGraph/components/Node.d.ts +1 -0
  56. package/NetworkGraph/PureNetworkGraph/components/Node.d.ts.map +1 -1
  57. package/NetworkGraph/PureNetworkGraph/components/Tooltip.d.ts +1 -1
  58. package/NetworkGraph/PureNetworkGraph/components/Tooltip.d.ts.map +1 -1
  59. package/NetworkGraph/PureNetworkGraph/components/ZoomControls.d.ts +1 -0
  60. package/NetworkGraph/PureNetworkGraph/components/ZoomControls.d.ts.map +1 -1
  61. package/NetworkGraph/PureNetworkGraph/utils/networkGraphUtils.d.ts +23 -0
  62. package/NetworkGraph/PureNetworkGraph/utils/networkGraphUtils.d.ts.map +1 -1
  63. package/NetworkGraph.config.js +2 -0
  64. package/NetworkGraph.config.js.map +2 -2
  65. package/NetworkGraph.js +353 -40
  66. package/NetworkGraph.js.map +4 -4
  67. package/ParallelCoordinates.js +2 -2
  68. package/Pie.js +2 -2
  69. package/ProcessTree/ProcessTree.d.ts +3 -1
  70. package/ProcessTree/ProcessTree.d.ts.map +1 -1
  71. package/ProcessTree/PureProcessTree/PureProcessTree.d.ts +1 -0
  72. package/ProcessTree/PureProcessTree/PureProcessTree.d.ts.map +1 -1
  73. package/ProcessTree/PureProcessTree/components/ProcessTreeLeftPanel.d.ts +2 -0
  74. package/ProcessTree/PureProcessTree/components/ProcessTreeLeftPanel.d.ts.map +1 -1
  75. package/ProcessTree/PureProcessTree/components/ProcessTreeRightPanel.d.ts.map +1 -1
  76. package/ProcessTree/PureProcessTree/hooks/useProcessTreeGraphData.d.ts +3 -1
  77. package/ProcessTree/PureProcessTree/hooks/useProcessTreeGraphData.d.ts.map +1 -1
  78. package/ProcessTree/PureProcessTree/mockdata/data.d.ts.map +1 -1
  79. package/ProcessTree/PureProcessTree/utils/processTreeUtils.d.ts +3 -1
  80. package/ProcessTree/PureProcessTree/utils/processTreeUtils.d.ts.map +1 -1
  81. package/ProcessTree.js +101 -31
  82. package/ProcessTree.js.map +3 -3
  83. package/Punchcard.js +2 -2
  84. package/README.md +2 -0
  85. package/Rectangle.js +2 -2
  86. package/RichText.js +2 -2
  87. package/Sankey.js +2 -2
  88. package/Scatter.js +2 -2
  89. package/SingleValue.js +368 -471
  90. package/SingleValue.js.map +4 -4
  91. package/SingleValueIcon.js +2 -2
  92. package/SingleValueRadial.js +2 -2
  93. package/SparkLine/SparkLine.d.ts +57 -0
  94. package/SparkLine/SparkLine.d.ts.map +1 -0
  95. package/SparkLine/index.d.ts +1 -1
  96. package/SparkLine/index.d.ts.map +1 -1
  97. package/SparkLine.js +384 -485
  98. package/SparkLine.js.map +4 -4
  99. package/Table/PureTable.d.ts.map +1 -1
  100. package/Table/hooks.d.ts +1 -1
  101. package/Table/hooks.d.ts.map +1 -1
  102. package/Table.js +391 -493
  103. package/Table.js.map +4 -4
  104. package/Timeline.js +2 -2
  105. package/common/OptionsDoc.js.map +1 -1
  106. package/common/utils/mapUtils.js +512 -179
  107. package/common/utils/mapUtils.js.map +4 -4
  108. package/common/utils/shadowDomUtils.d.ts +2 -0
  109. package/common/utils/shadowDomUtils.d.ts.map +1 -0
  110. package/common/utils/shadowDomUtils.js +39 -0
  111. package/common/utils/shadowDomUtils.js.map +7 -0
  112. package/common/withDashboardViz.js +2 -2
  113. package/docs-llm/INDEX.md +118 -0
  114. package/docs-llm/area/examples-json.md +3854 -0
  115. package/docs-llm/area/examples-react.md +2816 -0
  116. package/docs-llm/area/options.md +97 -0
  117. package/docs-llm/area/overview.md +27 -0
  118. package/docs-llm/bar/examples-json.md +3380 -0
  119. package/docs-llm/bar/examples-react.md +2352 -0
  120. package/docs-llm/bar/options.md +89 -0
  121. package/docs-llm/bar/overview.md +25 -0
  122. package/docs-llm/bubble/examples-json.md +4082 -0
  123. package/docs-llm/bubble/examples-react.md +3977 -0
  124. package/docs-llm/bubble/options.md +62 -0
  125. package/docs-llm/bubble/overview.md +26 -0
  126. package/docs-llm/choropleth-svg/examples-json.md +397 -0
  127. package/docs-llm/choropleth-svg/examples-react.md +389 -0
  128. package/docs-llm/choropleth-svg/options.md +15 -0
  129. package/docs-llm/choropleth-svg/overview.md +23 -0
  130. package/docs-llm/column/examples-json.md +3898 -0
  131. package/docs-llm/column/examples-react.md +2653 -0
  132. package/docs-llm/column/options.md +94 -0
  133. package/docs-llm/column/overview.md +31 -0
  134. package/docs-llm/dsl/examples-json.md +43 -0
  135. package/docs-llm/dsl/examples-react.md +78 -0
  136. package/docs-llm/dsl/formatters/format-by-type-examples-json.md +58 -0
  137. package/docs-llm/dsl/formatters/format-by-type-examples-react.md +43 -0
  138. package/docs-llm/dsl/formatters/format-by-type.md +38 -0
  139. package/docs-llm/dsl/formatters/frame-examples-json.md +42 -0
  140. package/docs-llm/dsl/formatters/frame-examples-react.md +24 -0
  141. package/docs-llm/dsl/formatters/frame.md +6 -0
  142. package/docs-llm/dsl/formatters/gradient-examples-json.md +98 -0
  143. package/docs-llm/dsl/formatters/gradient-examples-react.md +44 -0
  144. package/docs-llm/dsl/formatters/gradient.md +23 -0
  145. package/docs-llm/dsl/formatters/lerp-examples-json.md +40 -0
  146. package/docs-llm/dsl/formatters/lerp-examples-react.md +28 -0
  147. package/docs-llm/dsl/formatters/lerp.md +19 -0
  148. package/docs-llm/dsl/formatters/match-value-examples-json.md +65 -0
  149. package/docs-llm/dsl/formatters/match-value-examples-react.md +37 -0
  150. package/docs-llm/dsl/formatters/match-value.md +13 -0
  151. package/docs-llm/dsl/formatters/max-contrast-examples-json.md +39 -0
  152. package/docs-llm/dsl/formatters/max-contrast-examples-react.md +27 -0
  153. package/docs-llm/dsl/formatters/max-contrast.md +9 -0
  154. package/docs-llm/dsl/formatters/multi-format-examples-json.md +67 -0
  155. package/docs-llm/dsl/formatters/multi-format-examples-react.md +49 -0
  156. package/docs-llm/dsl/formatters/multi-format.md +12 -0
  157. package/docs-llm/dsl/formatters/objects-examples-json.md +49 -0
  158. package/docs-llm/dsl/formatters/objects-examples-react.md +37 -0
  159. package/docs-llm/dsl/formatters/objects.md +3 -0
  160. package/docs-llm/dsl/formatters/pick-examples-json.md +59 -0
  161. package/docs-llm/dsl/formatters/pick-examples-react.md +30 -0
  162. package/docs-llm/dsl/formatters/pick.md +9 -0
  163. package/docs-llm/dsl/formatters/prefix-examples-json.md +29 -0
  164. package/docs-llm/dsl/formatters/prefix-examples-react.md +19 -0
  165. package/docs-llm/dsl/formatters/prefix.md +3 -0
  166. package/docs-llm/dsl/formatters/prepend-examples-json.md +51 -0
  167. package/docs-llm/dsl/formatters/prepend-examples-react.md +33 -0
  168. package/docs-llm/dsl/formatters/prepend.md +9 -0
  169. package/docs-llm/dsl/formatters/range-value-examples-json.md +48 -0
  170. package/docs-llm/dsl/formatters/range-value-examples-react.md +34 -0
  171. package/docs-llm/dsl/formatters/range-value.md +15 -0
  172. package/docs-llm/dsl/formatters/set-color-channel-examples-json.md +40 -0
  173. package/docs-llm/dsl/formatters/set-color-channel-examples-react.md +31 -0
  174. package/docs-llm/dsl/formatters/set-color-channel.md +9 -0
  175. package/docs-llm/dsl/formatters/suffix-examples-json.md +29 -0
  176. package/docs-llm/dsl/formatters/suffix-examples-react.md +19 -0
  177. package/docs-llm/dsl/formatters/suffix.md +3 -0
  178. package/docs-llm/dsl/formatters/type-examples-json.md +37 -0
  179. package/docs-llm/dsl/formatters/type-examples-react.md +20 -0
  180. package/docs-llm/dsl/formatters/type.md +3 -0
  181. package/docs-llm/dsl/overview.md +41 -0
  182. package/docs-llm/dsl/selectors/abs.md +7 -0
  183. package/docs-llm/dsl/selectors/ceil.md +7 -0
  184. package/docs-llm/dsl/selectors/data-frame-average-examples-json.md +41 -0
  185. package/docs-llm/dsl/selectors/data-frame-average-examples-react.md +36 -0
  186. package/docs-llm/dsl/selectors/data-frame-average.md +7 -0
  187. package/docs-llm/dsl/selectors/data-frame-count-examples-json.md +41 -0
  188. package/docs-llm/dsl/selectors/data-frame-count-examples-react.md +36 -0
  189. package/docs-llm/dsl/selectors/data-frame-count.md +7 -0
  190. package/docs-llm/dsl/selectors/data-frame-examples-json.md +830 -0
  191. package/docs-llm/dsl/selectors/data-frame-examples-react.md +929 -0
  192. package/docs-llm/dsl/selectors/data-frame-get-field-examples-json.md +89 -0
  193. package/docs-llm/dsl/selectors/data-frame-get-field-examples-react.md +124 -0
  194. package/docs-llm/dsl/selectors/data-frame-get-field.md +5 -0
  195. package/docs-llm/dsl/selectors/data-frame-get-raw-value.md +5 -0
  196. package/docs-llm/dsl/selectors/data-frame-get-type.md +5 -0
  197. package/docs-llm/dsl/selectors/data-frame-get-value.md +5 -0
  198. package/docs-llm/dsl/selectors/data-frame-max-examples-json.md +51 -0
  199. package/docs-llm/dsl/selectors/data-frame-max-examples-react.md +41 -0
  200. package/docs-llm/dsl/selectors/data-frame-max.md +7 -0
  201. package/docs-llm/dsl/selectors/data-frame-min-examples-json.md +51 -0
  202. package/docs-llm/dsl/selectors/data-frame-min-examples-react.md +41 -0
  203. package/docs-llm/dsl/selectors/data-frame-min.md +7 -0
  204. package/docs-llm/dsl/selectors/data-frame-percentile-examples-json.md +41 -0
  205. package/docs-llm/dsl/selectors/data-frame-percentile-examples-react.md +36 -0
  206. package/docs-llm/dsl/selectors/data-frame-percentile.md +8 -0
  207. package/docs-llm/dsl/selectors/data-frame-set-value.md +5 -0
  208. package/docs-llm/dsl/selectors/data-frame-sum-examples-json.md +51 -0
  209. package/docs-llm/dsl/selectors/data-frame-sum-examples-react.md +41 -0
  210. package/docs-llm/dsl/selectors/data-frame-sum.md +7 -0
  211. package/docs-llm/dsl/selectors/data-frame.md +4 -0
  212. package/docs-llm/dsl/selectors/data-point-get-field.md +5 -0
  213. package/docs-llm/dsl/selectors/data-point-get-raw-value.md +4 -0
  214. package/docs-llm/dsl/selectors/data-point-get-type.md +5 -0
  215. package/docs-llm/dsl/selectors/data-point-get-value.md +5 -0
  216. package/docs-llm/dsl/selectors/data-point-set-value.md +4 -0
  217. package/docs-llm/dsl/selectors/data-point.md +5 -0
  218. package/docs-llm/dsl/selectors/data-series-average.md +22 -0
  219. package/docs-llm/dsl/selectors/data-series-count.md +14 -0
  220. package/docs-llm/dsl/selectors/data-series-get-field.md +5 -0
  221. package/docs-llm/dsl/selectors/data-series-get-raw-value.md +4 -0
  222. package/docs-llm/dsl/selectors/data-series-get-type.md +5 -0
  223. package/docs-llm/dsl/selectors/data-series-get-value.md +4 -0
  224. package/docs-llm/dsl/selectors/data-series-max.md +5 -0
  225. package/docs-llm/dsl/selectors/data-series-min.md +5 -0
  226. package/docs-llm/dsl/selectors/data-series-percentile.md +17 -0
  227. package/docs-llm/dsl/selectors/data-series-set-value.md +4 -0
  228. package/docs-llm/dsl/selectors/data-series-sum.md +24 -0
  229. package/docs-llm/dsl/selectors/data-series.md +4 -0
  230. package/docs-llm/dsl/selectors/delta.md +7 -0
  231. package/docs-llm/dsl/selectors/divide.md +8 -0
  232. package/docs-llm/dsl/selectors/first-point.md +5 -0
  233. package/docs-llm/dsl/selectors/floor.md +7 -0
  234. package/docs-llm/dsl/selectors/frame-by-series-index-range-examples-json.md +89 -0
  235. package/docs-llm/dsl/selectors/frame-by-series-index-range-examples-react.md +88 -0
  236. package/docs-llm/dsl/selectors/frame-by-series-index-range.md +10 -0
  237. package/docs-llm/dsl/selectors/frame-by-series-indexes-examples-json.md +88 -0
  238. package/docs-llm/dsl/selectors/frame-by-series-indexes-examples-react.md +87 -0
  239. package/docs-llm/dsl/selectors/frame-by-series-indexes.md +9 -0
  240. package/docs-llm/dsl/selectors/frame-by-series-names-examples-json.md +89 -0
  241. package/docs-llm/dsl/selectors/frame-by-series-names-examples-react.md +88 -0
  242. package/docs-llm/dsl/selectors/frame-by-series-names-or-indexes-examples-json.md +89 -0
  243. package/docs-llm/dsl/selectors/frame-by-series-names-or-indexes-examples-react.md +88 -0
  244. package/docs-llm/dsl/selectors/frame-by-series-names-or-indexes.md +9 -0
  245. package/docs-llm/dsl/selectors/frame-by-series-names.md +9 -0
  246. package/docs-llm/dsl/selectors/frame-by-series-types-examples-json.md +89 -0
  247. package/docs-llm/dsl/selectors/frame-by-series-types-examples-react.md +88 -0
  248. package/docs-llm/dsl/selectors/frame-by-series-types.md +9 -0
  249. package/docs-llm/dsl/selectors/frame-without-internal-fields-examples-json.md +137 -0
  250. package/docs-llm/dsl/selectors/frame-without-internal-fields-examples-react.md +135 -0
  251. package/docs-llm/dsl/selectors/frame-without-internal-fields-except-examples-json.md +157 -0
  252. package/docs-llm/dsl/selectors/frame-without-internal-fields-except-examples-react.md +155 -0
  253. package/docs-llm/dsl/selectors/frame-without-internal-fields-except.md +21 -0
  254. package/docs-llm/dsl/selectors/frame-without-internal-fields.md +17 -0
  255. package/docs-llm/dsl/selectors/frame-without-series-names.md +8 -0
  256. package/docs-llm/dsl/selectors/last-point.md +5 -0
  257. package/docs-llm/dsl/selectors/minus.md +8 -0
  258. package/docs-llm/dsl/selectors/multiply.md +8 -0
  259. package/docs-llm/dsl/selectors/plus.md +8 -0
  260. package/docs-llm/dsl/selectors/point-by-index.md +6 -0
  261. package/docs-llm/dsl/selectors/points-by-indexes.md +6 -0
  262. package/docs-llm/dsl/selectors/round.md +7 -0
  263. package/docs-llm/dsl/selectors/series-by-index-examples-json.md +49 -0
  264. package/docs-llm/dsl/selectors/series-by-index-examples-react.md +39 -0
  265. package/docs-llm/dsl/selectors/series-by-index.md +8 -0
  266. package/docs-llm/dsl/selectors/series-by-name-examples-json.md +49 -0
  267. package/docs-llm/dsl/selectors/series-by-name-examples-react.md +39 -0
  268. package/docs-llm/dsl/selectors/series-by-name.md +8 -0
  269. package/docs-llm/dsl/selectors/series-by-prioritized-types-examples-json.md +47 -0
  270. package/docs-llm/dsl/selectors/series-by-prioritized-types-examples-react.md +39 -0
  271. package/docs-llm/dsl/selectors/series-by-prioritized-types.md +10 -0
  272. package/docs-llm/dsl/selectors/series-by-type-examples-json.md +49 -0
  273. package/docs-llm/dsl/selectors/series-by-type-examples-react.md +39 -0
  274. package/docs-llm/dsl/selectors/series-by-type.md +10 -0
  275. package/docs-llm/dsl/selectors/series-by-types.md +6 -0
  276. package/docs-llm/ellipse/examples-json.md +5 -0
  277. package/docs-llm/ellipse/examples-react.md +5 -0
  278. package/docs-llm/ellipse/options.md +16 -0
  279. package/docs-llm/ellipse/overview.md +5 -0
  280. package/docs-llm/events/examples-json.md +705 -0
  281. package/docs-llm/events/examples-react.md +536 -0
  282. package/docs-llm/events/options.md +18 -0
  283. package/docs-llm/events/overview.md +5 -0
  284. package/docs-llm/filler-gauge/examples-json.md +376 -0
  285. package/docs-llm/filler-gauge/examples-react.md +274 -0
  286. package/docs-llm/filler-gauge/options.md +26 -0
  287. package/docs-llm/filler-gauge/overview.md +5 -0
  288. package/docs-llm/image/examples-json.md +39 -0
  289. package/docs-llm/image/examples-react.md +65 -0
  290. package/docs-llm/image/options.md +13 -0
  291. package/docs-llm/image/overview.md +5 -0
  292. package/docs-llm/line/examples-json.md +3724 -0
  293. package/docs-llm/line/examples-react.md +2683 -0
  294. package/docs-llm/line/options.md +95 -0
  295. package/docs-llm/line/overview.md +29 -0
  296. package/docs-llm/link-graph/examples-json.md +5 -0
  297. package/docs-llm/link-graph/examples-react.md +5 -0
  298. package/docs-llm/link-graph/options.md +26 -0
  299. package/docs-llm/link-graph/overview.md +16 -0
  300. package/docs-llm/map/examples-json.md +13973 -0
  301. package/docs-llm/map/examples-react.md +6154 -0
  302. package/docs-llm/map/options.md +22 -0
  303. package/docs-llm/map/overview.md +32 -0
  304. package/docs-llm/markdown/examples-json.md +63 -0
  305. package/docs-llm/markdown/examples-react.md +98 -0
  306. package/docs-llm/markdown/options.md +17 -0
  307. package/docs-llm/markdown/overview.md +5 -0
  308. package/docs-llm/marker-gauge/examples-json.md +436 -0
  309. package/docs-llm/marker-gauge/examples-react.md +367 -0
  310. package/docs-llm/marker-gauge/options.md +26 -0
  311. package/docs-llm/marker-gauge/overview.md +5 -0
  312. package/docs-llm/network-graph/examples-json.md +8843 -0
  313. package/docs-llm/network-graph/examples-react.md +7339 -0
  314. package/docs-llm/network-graph/options.md +50 -0
  315. package/docs-llm/network-graph/overview.md +28 -0
  316. package/docs-llm/parallel-coordinates/examples-json.md +8376 -0
  317. package/docs-llm/parallel-coordinates/examples-react.md +2771 -0
  318. package/docs-llm/parallel-coordinates/options.md +14 -0
  319. package/docs-llm/parallel-coordinates/overview.md +22 -0
  320. package/docs-llm/pie/examples-json.md +851 -0
  321. package/docs-llm/pie/examples-react.md +606 -0
  322. package/docs-llm/pie/options.md +34 -0
  323. package/docs-llm/pie/overview.md +23 -0
  324. package/docs-llm/process-tree/options.md +32 -0
  325. package/docs-llm/punchcard/examples-json.md +6134 -0
  326. package/docs-llm/punchcard/examples-react.md +4562 -0
  327. package/docs-llm/punchcard/options.md +33 -0
  328. package/docs-llm/punchcard/overview.md +5 -0
  329. package/docs-llm/pure-rich-text/options.md +28 -0
  330. package/docs-llm/rectangle/examples-json.md +5 -0
  331. package/docs-llm/rectangle/examples-react.md +5 -0
  332. package/docs-llm/rectangle/options.md +19 -0
  333. package/docs-llm/rectangle/overview.md +5 -0
  334. package/docs-llm/rich-text/examples-json.md +96 -0
  335. package/docs-llm/rich-text/examples-react.md +119 -0
  336. package/docs-llm/rich-text/options.md +28 -0
  337. package/docs-llm/rich-text/overview.md +5 -0
  338. package/docs-llm/sankey/examples-json.md +844 -0
  339. package/docs-llm/sankey/examples-react.md +546 -0
  340. package/docs-llm/sankey/options.md +19 -0
  341. package/docs-llm/sankey/overview.md +24 -0
  342. package/docs-llm/scatter/examples-json.md +4012 -0
  343. package/docs-llm/scatter/examples-react.md +3914 -0
  344. package/docs-llm/scatter/options.md +68 -0
  345. package/docs-llm/scatter/overview.md +25 -0
  346. package/docs-llm/single-value/examples-json.md +2613 -0
  347. package/docs-llm/single-value/examples-react.md +2296 -0
  348. package/docs-llm/single-value/options.md +49 -0
  349. package/docs-llm/single-value/overview.md +23 -0
  350. package/docs-llm/single-value-icon/examples-json.md +1686 -0
  351. package/docs-llm/single-value-icon/examples-react.md +1573 -0
  352. package/docs-llm/single-value-icon/options.md +43 -0
  353. package/docs-llm/single-value-icon/overview.md +5 -0
  354. package/docs-llm/single-value-radial/examples-json.md +1178 -0
  355. package/docs-llm/single-value-radial/examples-react.md +1028 -0
  356. package/docs-llm/single-value-radial/options.md +41 -0
  357. package/docs-llm/single-value-radial/overview.md +5 -0
  358. package/docs-llm/table/examples-json.md +5 -0
  359. package/docs-llm/table/examples-react.md +5 -0
  360. package/docs-llm/table/options.md +25 -0
  361. package/docs-llm/table/overview.md +24 -0
  362. package/docs-llm/timeline/examples-json.md +5 -0
  363. package/docs-llm/timeline/examples-react.md +5 -0
  364. package/docs-llm/timeline/options.md +27 -0
  365. package/docs-llm/timeline/overview.md +24 -0
  366. package/package.json +28 -24
package/docs-llm/scatter/examples-react.md ADDED
@@ -0,0 +1,3914 @@
1
+ # Scatter Examples
2
+
3
+ **Component Reference:** Scatter or @splunk/visualizations/Scatter
4
+
5
+ ## Basic Scatter
6
+
7
+ - **Key:** Basic
8
+
9
+ ```jsx
10
+ import React from 'react';
11
+ import Scatter from '@splunk/visualizations/Scatter';
12
+
13
+ export default () => (
14
+ <Scatter
15
+ options={{}}
16
+ dataSources={{
17
+ primary: {
18
+ requestParams: { offset: 0, count: 20 },
19
+ data: {
20
+ fields: [
21
+ {
22
+ name: 'date_hour',
23
+ },
24
+ {
25
+ name: 'count',
26
+ },
27
+ {
28
+ name: 'mode(status)',
29
+ },
30
+ ],
31
+ columns: [
32
+ [
33
+ '13',
34
+ '14',
35
+ '15',
36
+ '16',
37
+ '17',
38
+ '18',
39
+ '19',
40
+ '10',
41
+ '20',
42
+ '21',
43
+ '22',
44
+ '23',
45
+ '3',
46
+ '4',
47
+ '5',
48
+ ],
49
+ [
50
+ '1109',
51
+ '1108',
52
+ '1098',
53
+ '1088',
54
+ '1097',
55
+ '1086',
56
+ '1107',
57
+ '1090',
58
+ '1150',
59
+ '2100',
60
+ '1070',
61
+ '1097',
62
+ '1096',
63
+ '1107',
64
+ '1152',
65
+ ],
66
+ [
67
+ '401',
68
+ '201',
69
+ '401',
70
+ '201',
71
+ '401',
72
+ '201',
73
+ '201',
74
+ '401',
75
+ '201',
76
+ '404',
77
+ '201',
78
+ '200',
79
+ '201',
80
+ '201',
81
+ '404',
82
+ '401',
83
+ ],
84
+ ],
85
+ },
86
+ meta: { totalCount: 20 },
87
+ },
88
+ }}
89
+ />
90
+ );
91
+ ```
92
+
93
+ ## Background Color - Green
94
+
95
+ - **Key:** Background Color
96
+
97
+ ```jsx
98
+ import React from 'react';
99
+ import Scatter from '@splunk/visualizations/Scatter';
100
+
101
+ export default () => (
102
+ <Scatter
103
+ options={{
104
+ backgroundColor: '#008000',
105
+ }}
106
+ dataSources={{
107
+ primary: {
108
+ requestParams: { offset: 0, count: 20 },
109
+ data: {
110
+ fields: [
111
+ {
112
+ name: 'date_hour',
113
+ },
114
+ {
115
+ name: 'count',
116
+ },
117
+ {
118
+ name: 'mode(status)',
119
+ },
120
+ ],
121
+ columns: [
122
+ [
123
+ '13',
124
+ '14',
125
+ '15',
126
+ '16',
127
+ '17',
128
+ '18',
129
+ '19',
130
+ '10',
131
+ '20',
132
+ '21',
133
+ '22',
134
+ '23',
135
+ '3',
136
+ '4',
137
+ '5',
138
+ ],
139
+ [
140
+ '1109',
141
+ '1108',
142
+ '1098',
143
+ '1088',
144
+ '1097',
145
+ '1086',
146
+ '1107',
147
+ '1090',
148
+ '1150',
149
+ '2100',
150
+ '1070',
151
+ '1097',
152
+ '1096',
153
+ '1107',
154
+ '1152',
155
+ ],
156
+ [
157
+ '401',
158
+ '201',
159
+ '401',
160
+ '201',
161
+ '401',
162
+ '201',
163
+ '201',
164
+ '401',
165
+ '201',
166
+ '404',
167
+ '201',
168
+ '200',
169
+ '201',
170
+ '201',
171
+ '404',
172
+ '401',
173
+ ],
174
+ ],
175
+ },
176
+ meta: { totalCount: 20 },
177
+ },
178
+ }}
179
+ />
180
+ );
181
+ ```
182
+
183
+ ## Legend Labels Display - Top
184
+
185
+ - **Key:** Legendlabelsdisplay
186
+
187
+ ```jsx
188
+ import React from 'react';
189
+ import Scatter from '@splunk/visualizations/Scatter';
190
+
191
+ export default () => (
192
+ <Scatter
193
+ options={{
194
+ legendDisplay: 'top',
195
+ category: '> primary | seriesByIndex(3)',
196
+ }}
197
+ dataSources={{
198
+ primary: {
199
+ requestParams: { offset: 0, count: 20 },
200
+ data: {
201
+ fields: [
202
+ {
203
+ name: 'date_hour',
204
+ },
205
+ {
206
+ name: 'count',
207
+ },
208
+ {
209
+ name: 'mode(status)',
210
+ },
211
+ {
212
+ name: 'status',
213
+ },
214
+ ],
215
+ columns: [
216
+ [
217
+ '13',
218
+ '14',
219
+ '15',
220
+ '16',
221
+ '17',
222
+ '18',
223
+ '19',
224
+ '10',
225
+ '20',
226
+ '21',
227
+ '22',
228
+ '23',
229
+ '3',
230
+ '4',
231
+ '5',
232
+ ],
233
+ [
234
+ '1109',
235
+ '1108',
236
+ '1098',
237
+ '1088',
238
+ '1097',
239
+ '1086',
240
+ '1107',
241
+ '1090',
242
+ '1150',
243
+ '2100',
244
+ '1070',
245
+ '1097',
246
+ '1096',
247
+ '1107',
248
+ '1152',
249
+ ],
250
+ [
251
+ '401',
252
+ '201',
253
+ '401',
254
+ '201',
255
+ '401',
256
+ '201',
257
+ '201',
258
+ '401',
259
+ '201',
260
+ '404',
261
+ '201',
262
+ '200',
263
+ '201',
264
+ '201',
265
+ '404',
266
+ '401',
267
+ ],
268
+ [
269
+ '401',
270
+ '201',
271
+ '401',
272
+ '201',
273
+ '401',
274
+ '201',
275
+ '201',
276
+ '401',
277
+ '201',
278
+ '201',
279
+ '201',
280
+ '200',
281
+ '201',
282
+ '201',
283
+ '404',
284
+ '401',
285
+ ],
286
+ ],
287
+ },
288
+ meta: { totalCount: 20 },
289
+ },
290
+ }}
291
+ />
292
+ );
293
+ ```
294
+
295
+ ## Legend Truncation - End
296
+
297
+ - **Key:** Legend Truncation End
298
+
299
+ ```jsx
300
+ import React from 'react';
301
+ import Scatter from '@splunk/visualizations/Scatter';
302
+
303
+ export default () => (
304
+ <Scatter
305
+ options={{
306
+ legendTruncation: 'ellipsisEnd',
307
+ category: '> primary | seriesByIndex(3)',
308
+ }}
309
+ dataSources={{
310
+ primary: {
311
+ requestParams: { offset: 0, count: 20 },
312
+ data: {
313
+ fields: [
314
+ {
315
+ name: 'date_hour',
316
+ },
317
+ {
318
+ name: 'count',
319
+ },
320
+ {
321
+ name: 'date_wday',
322
+ },
323
+ {
324
+ name: 'category',
325
+ },
326
+ ],
327
+ columns: [
328
+ [
329
+ '12',
330
+ '11',
331
+ '9',
332
+ '16',
333
+ '8',
334
+ '20',
335
+ '19',
336
+ '17',
337
+ '22',
338
+ '15',
339
+ '23',
340
+ '12',
341
+ '20',
342
+ '1',
343
+ '10',
344
+ ],
345
+ [3, 2, 4, 1, 8, 11, 16, 1, 3, 2, 2, 2, 11, 11, 5],
346
+ [
347
+ 'monday',
348
+ 'tuesday',
349
+ 'wednesday',
350
+ 'thursday',
351
+ 'friday',
352
+ 'saturday',
353
+ 'sunday',
354
+ 'monday',
355
+ 'tuesday',
356
+ 'wednesday',
357
+ 'thursday',
358
+ 'friday',
359
+ 'saturday',
360
+ 'sunday',
361
+ 'monday',
362
+ ],
363
+ [
364
+ 'Gen Electric GE36',
365
+ 'General Electric TF39 high bypass turbofan',
366
+ 'Pratt & Whitney R-4360 Wasp Major',
367
+ 'Allison V-1710',
368
+ 'Sanford Alexander Moss',
369
+ 'Armstrong Siddeley Jaguar IV (S)',
370
+ 'BMW VI',
371
+ 'Auguste Rateau',
372
+ 'Bristol Mercury',
373
+ 'P&Whitney R-4360',
374
+ 'Sanford Alexander Moss',
375
+ 'Jendrassik Cs-1',
376
+ 'Gen Electric GE36',
377
+ 'Bell X-1',
378
+ 'P&Whitney R-4360',
379
+ ],
380
+ ],
381
+ },
382
+ meta: { totalCount: 20 },
383
+ },
384
+ }}
385
+ />
386
+ );
387
+ ```
388
+
389
+ ## Marker Size - 7
390
+
391
+ - **Key:** Marker Size
392
+
393
+ ```jsx
394
+ import React from 'react';
395
+ import Scatter from '@splunk/visualizations/Scatter';
396
+
397
+ export default () => (
398
+ <Scatter
399
+ options={{ markerSize: 7 }}
400
+ dataSources={{
401
+ primary: {
402
+ requestParams: { offset: 0, count: 20 },
403
+ data: {
404
+ fields: [
405
+ {
406
+ name: 'date_hour',
407
+ },
408
+ {
409
+ name: 'count',
410
+ },
411
+ {
412
+ name: 'mode(status)',
413
+ },
414
+ ],
415
+ columns: [
416
+ [
417
+ '13',
418
+ '14',
419
+ '15',
420
+ '16',
421
+ '17',
422
+ '18',
423
+ '19',
424
+ '10',
425
+ '20',
426
+ '21',
427
+ '22',
428
+ '23',
429
+ '3',
430
+ '4',
431
+ '5',
432
+ ],
433
+ [
434
+ '1109',
435
+ '1108',
436
+ '1098',
437
+ '1088',
438
+ '1097',
439
+ '1086',
440
+ '1107',
441
+ '1090',
442
+ '1150',
443
+ '2100',
444
+ '1070',
445
+ '1097',
446
+ '1096',
447
+ '1107',
448
+ '1152',
449
+ ],
450
+ [
451
+ '401',
452
+ '201',
453
+ '401',
454
+ '201',
455
+ '401',
456
+ '201',
457
+ '201',
458
+ '401',
459
+ '201',
460
+ '404',
461
+ '201',
462
+ '200',
463
+ '201',
464
+ '201',
465
+ '404',
466
+ '401',
467
+ ],
468
+ ],
469
+ },
470
+ meta: { totalCount: 20 },
471
+ },
472
+ }}
473
+ />
474
+ );
475
+ ```
476
+
477
+ ## Series Colors: Red, Blue and Green
478
+
479
+ - **Key:** Series Colors
480
+
481
+ ```jsx
482
+ import React from 'react';
483
+ import Scatter from '@splunk/visualizations/Scatter';
484
+
485
+ export default () => (
486
+ <Scatter
487
+ options={{
488
+ seriesColors: ['#FF0000', '#0000FF', '#008000'],
489
+ category: '> primary | seriesByIndex(3)',
490
+ }}
491
+ dataSources={{
492
+ primary: {
493
+ requestParams: { offset: 0, count: 20 },
494
+ data: {
495
+ fields: [
496
+ {
497
+ name: 'date_hour',
498
+ },
499
+ {
500
+ name: 'count',
501
+ },
502
+ {
503
+ name: 'mode(status)',
504
+ },
505
+ {
506
+ name: 'status',
507
+ },
508
+ ],
509
+ columns: [
510
+ [
511
+ '13',
512
+ '14',
513
+ '15',
514
+ '16',
515
+ '17',
516
+ '18',
517
+ '19',
518
+ '10',
519
+ '20',
520
+ '21',
521
+ '22',
522
+ '23',
523
+ '3',
524
+ '4',
525
+ '5',
526
+ ],
527
+ [
528
+ '1109',
529
+ '1108',
530
+ '1098',
531
+ '1088',
532
+ '1097',
533
+ '1086',
534
+ '1107',
535
+ '1090',
536
+ '1150',
537
+ '2100',
538
+ '1070',
539
+ '1097',
540
+ '1096',
541
+ '1107',
542
+ '1152',
543
+ ],
544
+ [
545
+ '401',
546
+ '201',
547
+ '401',
548
+ '201',
549
+ '401',
550
+ '201',
551
+ '201',
552
+ '401',
553
+ '201',
554
+ '404',
555
+ '201',
556
+ '200',
557
+ '201',
558
+ '201',
559
+ '404',
560
+ '401',
561
+ ],
562
+ [
563
+ '401',
564
+ '201',
565
+ '401',
566
+ '201',
567
+ '401',
568
+ '201',
569
+ '201',
570
+ '401',
571
+ '201',
572
+ '201',
573
+ '201',
574
+ '200',
575
+ '201',
576
+ '201',
577
+ '404',
578
+ '401',
579
+ ],
580
+ ],
581
+ },
582
+ meta: { totalCount: 20 },
583
+ },
584
+ }}
585
+ />
586
+ );
587
+ ```
588
+
589
+ ## Series Colors by Field: 200 - Green, 201 - Orange, 401 - Yellow, 404 - Black
590
+
591
+ - **Key:** Series Colors By Field
592
+
593
+ ```jsx
594
+ import React from 'react';
595
+ import Scatter from '@splunk/visualizations/Scatter';
596
+
597
+ export default () => (
598
+ <Scatter
599
+ options={{
600
+ seriesColorsByField: {
601
+ 200: '#008000',
602
+ 201: '#FFA500',
603
+ 401: '#FFFF00',
604
+ 404: '#000000',
605
+ },
606
+ category: '> primary | seriesByIndex(3)',
607
+ }}
608
+ dataSources={{
609
+ primary: {
610
+ requestParams: { offset: 0, count: 20 },
611
+ data: {
612
+ fields: [
613
+ {
614
+ name: 'date_hour',
615
+ },
616
+ {
617
+ name: 'count',
618
+ },
619
+ {
620
+ name: 'mode(status)',
621
+ },
622
+ {
623
+ name: 'status',
624
+ },
625
+ ],
626
+ columns: [
627
+ [
628
+ '13',
629
+ '14',
630
+ '15',
631
+ '16',
632
+ '17',
633
+ '18',
634
+ '19',
635
+ '10',
636
+ '20',
637
+ '21',
638
+ '22',
639
+ '23',
640
+ '3',
641
+ '4',
642
+ '5',
643
+ ],
644
+ [
645
+ '1109',
646
+ '1108',
647
+ '1098',
648
+ '1088',
649
+ '1097',
650
+ '1086',
651
+ '1107',
652
+ '1090',
653
+ '1150',
654
+ '2100',
655
+ '1070',
656
+ '1097',
657
+ '1096',
658
+ '1107',
659
+ '1152',
660
+ ],
661
+ [
662
+ '401',
663
+ '201',
664
+ '401',
665
+ '201',
666
+ '401',
667
+ '201',
668
+ '201',
669
+ '401',
670
+ '201',
671
+ '404',
672
+ '201',
673
+ '200',
674
+ '201',
675
+ '201',
676
+ '404',
677
+ '401',
678
+ ],
679
+ [
680
+ '401',
681
+ '201',
682
+ '401',
683
+ '201',
684
+ '401',
685
+ '201',
686
+ '201',
687
+ '401',
688
+ '201',
689
+ '201',
690
+ '201',
691
+ '200',
692
+ '201',
693
+ '201',
694
+ '404',
695
+ '401',
696
+ ],
697
+ ],
698
+ },
699
+ meta: { totalCount: 20 },
700
+ },
701
+ }}
702
+ />
703
+ );
704
+ ```
705
+
706
+ ## Y-Axis and X-Axis Title Text - Specified
707
+
708
+ - **Key:** Title Specified
709
+
710
+ ```jsx
711
+ import React from 'react';
712
+ import Scatter from '@splunk/visualizations/Scatter';
713
+
714
+ export default () => (
715
+ <Scatter
716
+ options={{
717
+ yAxisTitleText: 'CUSTOM NAME Axis Y',
718
+ xAxisTitleText: 'CUSTOM NAME Axis X',
719
+ }}
720
+ dataSources={{
721
+ primary: {
722
+ requestParams: { offset: 0, count: 20 },
723
+ data: {
724
+ fields: [
725
+ {
726
+ name: 'date_hour',
727
+ },
728
+ {
729
+ name: 'count',
730
+ },
731
+ {
732
+ name: 'mode(status)',
733
+ },
734
+ ],
735
+ columns: [
736
+ [
737
+ '13',
738
+ '14',
739
+ '15',
740
+ '16',
741
+ '17',
742
+ '18',
743
+ '19',
744
+ '10',
745
+ '20',
746
+ '21',
747
+ '22',
748
+ '23',
749
+ '3',
750
+ '4',
751
+ '5',
752
+ ],
753
+ [
754
+ '1109',
755
+ '1108',
756
+ '1098',
757
+ '1088',
758
+ '1097',
759
+ '1086',
760
+ '1107',
761
+ '1090',
762
+ '1150',
763
+ '2100',
764
+ '1070',
765
+ '1097',
766
+ '1096',
767
+ '1107',
768
+ '1152',
769
+ ],
770
+ [
771
+ '401',
772
+ '201',
773
+ '401',
774
+ '201',
775
+ '401',
776
+ '201',
777
+ '201',
778
+ '401',
779
+ '201',
780
+ '404',
781
+ '201',
782
+ '200',
783
+ '201',
784
+ '201',
785
+ '404',
786
+ '401',
787
+ ],
788
+ ],
789
+ },
790
+ meta: { totalCount: 20 },
791
+ },
792
+ }}
793
+ />
794
+ );
795
+ ```
796
+
797
+ ## Y-Axis and X-Axis Title Text - Hide
798
+
799
+ - **Key:** Title Visibility
800
+
801
+ ```jsx
802
+ import React from 'react';
803
+ import Scatter from '@splunk/visualizations/Scatter';
804
+
805
+ export default () => (
806
+ <Scatter
807
+ options={{
808
+ yAxisTitleVisibility: 'hide',
809
+ xAxisTitleVisibility: 'hide',
810
+ }}
811
+ dataSources={{
812
+ primary: {
813
+ requestParams: { offset: 0, count: 20 },
814
+ data: {
815
+ fields: [
816
+ {
817
+ name: 'date_hour',
818
+ },
819
+ {
820
+ name: 'count',
821
+ },
822
+ {
823
+ name: 'mode(status)',
824
+ },
825
+ ],
826
+ columns: [
827
+ [
828
+ '13',
829
+ '14',
830
+ '15',
831
+ '16',
832
+ '17',
833
+ '18',
834
+ '19',
835
+ '10',
836
+ '20',
837
+ '21',
838
+ '22',
839
+ '23',
840
+ '3',
841
+ '4',
842
+ '5',
843
+ ],
844
+ [
845
+ '1109',
846
+ '1108',
847
+ '1098',
848
+ '1088',
849
+ '1097',
850
+ '1086',
851
+ '1107',
852
+ '1090',
853
+ '1150',
854
+ '2100',
855
+ '1070',
856
+ '1097',
857
+ '1096',
858
+ '1107',
859
+ '1152',
860
+ ],
861
+ [
862
+ '401',
863
+ '201',
864
+ '401',
865
+ '201',
866
+ '401',
867
+ '201',
868
+ '201',
869
+ '401',
870
+ '201',
871
+ '404',
872
+ '201',
873
+ '200',
874
+ '201',
875
+ '201',
876
+ '404',
877
+ '401',
878
+ ],
879
+ ],
880
+ },
881
+ meta: { totalCount: 20 },
882
+ },
883
+ }}
884
+ />
885
+ );
886
+ ```
887
+
888
+ ## X-Axis and Y-Axis Label Visibility - Hide
889
+
890
+ - **Key:** Label Visibility
891
+
892
+ ```jsx
893
+ import React from 'react';
894
+ import Scatter from '@splunk/visualizations/Scatter';
895
+
896
+ export default () => (
897
+ <Scatter
898
+ options={{
899
+ xAxisLabelVisibility: 'hide',
900
+ yAxisLabelVisibility: 'hide',
901
+ }}
902
+ dataSources={{
903
+ primary: {
904
+ requestParams: { offset: 0, count: 20 },
905
+ data: {
906
+ fields: [
907
+ {
908
+ name: 'date_hour',
909
+ },
910
+ {
911
+ name: 'count',
912
+ },
913
+ {
914
+ name: 'mode(status)',
915
+ },
916
+ ],
917
+ columns: [
918
+ [
919
+ '13',
920
+ '14',
921
+ '15',
922
+ '16',
923
+ '17',
924
+ '18',
925
+ '19',
926
+ '10',
927
+ '20',
928
+ '21',
929
+ '22',
930
+ '23',
931
+ '3',
932
+ '4',
933
+ '5',
934
+ ],
935
+ [
936
+ '1109',
937
+ '1108',
938
+ '1098',
939
+ '1088',
940
+ '1097',
941
+ '1086',
942
+ '1107',
943
+ '1090',
944
+ '1150',
945
+ '2100',
946
+ '1070',
947
+ '1097',
948
+ '1096',
949
+ '1107',
950
+ '1152',
951
+ ],
952
+ [
953
+ '401',
954
+ '201',
955
+ '401',
956
+ '201',
957
+ '401',
958
+ '201',
959
+ '201',
960
+ '401',
961
+ '201',
962
+ '404',
963
+ '201',
964
+ '200',
965
+ '201',
966
+ '201',
967
+ '404',
968
+ '401',
969
+ ],
970
+ ],
971
+ },
972
+ meta: { totalCount: 20 },
973
+ },
974
+ }}
975
+ />
976
+ );
977
+ ```
978
+
979
+ ## X-Axis and Y-Axis Line Visibility - Show
980
+
981
+ - **Key:** Axis Line Visibility
982
+
983
+ ```jsx
984
+ import React from 'react';
985
+ import Scatter from '@splunk/visualizations/Scatter';
986
+
987
+ export default () => (
988
+ <Scatter
989
+ options={{
990
+ xAxisLineVisibility: 'show',
991
+ yAxisLineVisibility: 'show',
992
+ showYMajorGridLines: false,
993
+ }}
994
+ dataSources={{
995
+ primary: {
996
+ requestParams: { offset: 0, count: 20 },
997
+ data: {
998
+ fields: [
999
+ {
1000
+ name: 'date_hour',
1001
+ },
1002
+ {
1003
+ name: 'count',
1004
+ },
1005
+ {
1006
+ name: 'mode(status)',
1007
+ },
1008
+ ],
1009
+ columns: [
1010
+ [
1011
+ '13',
1012
+ '14',
1013
+ '15',
1014
+ '16',
1015
+ '17',
1016
+ '18',
1017
+ '19',
1018
+ '10',
1019
+ '20',
1020
+ '21',
1021
+ '22',
1022
+ '23',
1023
+ '3',
1024
+ '4',
1025
+ '5',
1026
+ ],
1027
+ [
1028
+ '1109',
1029
+ '1108',
1030
+ '1098',
1031
+ '1088',
1032
+ '1097',
1033
+ '1086',
1034
+ '1107',
1035
+ '1090',
1036
+ '1150',
1037
+ '2100',
1038
+ '1070',
1039
+ '1097',
1040
+ '1096',
1041
+ '1107',
1042
+ '1152',
1043
+ ],
1044
+ [
1045
+ '401',
1046
+ '201',
1047
+ '401',
1048
+ '201',
1049
+ '401',
1050
+ '201',
1051
+ '201',
1052
+ '401',
1053
+ '201',
1054
+ '404',
1055
+ '201',
1056
+ '200',
1057
+ '201',
1058
+ '201',
1059
+ '404',
1060
+ '401',
1061
+ ],
1062
+ ],
1063
+ },
1064
+ meta: { totalCount: 20 },
1065
+ },
1066
+ }}
1067
+ />
1068
+ );
1069
+ ```
1070
+
1071
+ ## X-Axis Major Tick Visibility - Show
1072
+
1073
+ - **Key:** Axisxmajortickvisibility
1074
+
1075
+ ```jsx
1076
+ import React from 'react';
1077
+ import Scatter from '@splunk/visualizations/Scatter';
1078
+
1079
+ export default () => (
1080
+ <Scatter
1081
+ options={{
1082
+ xAxisMajorTickVisibility: 'show',
1083
+ }}
1084
+ dataSources={{
1085
+ primary: {
1086
+ requestParams: { offset: 0, count: 20 },
1087
+ data: {
1088
+ fields: [
1089
+ {
1090
+ name: 'date_hour',
1091
+ },
1092
+ {
1093
+ name: 'count',
1094
+ },
1095
+ {
1096
+ name: 'mode(status)',
1097
+ },
1098
+ ],
1099
+ columns: [
1100
+ [
1101
+ '13',
1102
+ '14',
1103
+ '15',
1104
+ '16',
1105
+ '17',
1106
+ '18',
1107
+ '19',
1108
+ '10',
1109
+ '20',
1110
+ '21',
1111
+ '22',
1112
+ '23',
1113
+ '3',
1114
+ '4',
1115
+ '5',
1116
+ ],
1117
+ [
1118
+ '1109',
1119
+ '1108',
1120
+ '1098',
1121
+ '1088',
1122
+ '1097',
1123
+ '1086',
1124
+ '1107',
1125
+ '1090',
1126
+ '1150',
1127
+ '2100',
1128
+ '1070',
1129
+ '1097',
1130
+ '1096',
1131
+ '1107',
1132
+ '1152',
1133
+ ],
1134
+ [
1135
+ '401',
1136
+ '201',
1137
+ '401',
1138
+ '201',
1139
+ '401',
1140
+ '201',
1141
+ '201',
1142
+ '401',
1143
+ '201',
1144
+ '404',
1145
+ '201',
1146
+ '200',
1147
+ '201',
1148
+ '201',
1149
+ '404',
1150
+ '401',
1151
+ ],
1152
+ ],
1153
+ },
1154
+ meta: { totalCount: 20 },
1155
+ },
1156
+ }}
1157
+ />
1158
+ );
1159
+ ```
1160
+
1161
+ ## X-Axis Major Tick Size is 15, X-Axis Minor Tick Size is 10
1162
+
1163
+ - **Key:** Axisxticssize
1164
+
1165
+ ```jsx
1166
+ import React from 'react';
1167
+ import Scatter from '@splunk/visualizations/Scatter';
1168
+
1169
+ export default () => (
1170
+ <Scatter
1171
+ options={{
1172
+ xAxisMajorTickVisibility: 'show',
1173
+ xAxisMajorTickSize: 15,
1174
+ xAxisMinorTickVisibility: 'show',
1175
+ xAxisMinorTickSize: 10,
1176
+ }}
1177
+ dataSources={{
1178
+ primary: {
1179
+ requestParams: { offset: 0, count: 20 },
1180
+ data: {
1181
+ fields: [
1182
+ {
1183
+ name: 'date_hour',
1184
+ },
1185
+ {
1186
+ name: 'count',
1187
+ },
1188
+ {
1189
+ name: 'mode(status)',
1190
+ },
1191
+ ],
1192
+ columns: [
1193
+ [
1194
+ '13',
1195
+ '14',
1196
+ '15',
1197
+ '16',
1198
+ '17',
1199
+ '18',
1200
+ '19',
1201
+ '10',
1202
+ '20',
1203
+ '21',
1204
+ '22',
1205
+ '23',
1206
+ '3',
1207
+ '4',
1208
+ '5',
1209
+ ],
1210
+ [
1211
+ '1109',
1212
+ '1108',
1213
+ '1098',
1214
+ '1088',
1215
+ '1097',
1216
+ '1086',
1217
+ '1107',
1218
+ '1090',
1219
+ '1150',
1220
+ '2100',
1221
+ '1070',
1222
+ '1097',
1223
+ '1096',
1224
+ '1107',
1225
+ '1152',
1226
+ ],
1227
+ [
1228
+ '401',
1229
+ '201',
1230
+ '401',
1231
+ '201',
1232
+ '401',
1233
+ '201',
1234
+ '201',
1235
+ '401',
1236
+ '201',
1237
+ '404',
1238
+ '201',
1239
+ '200',
1240
+ '201',
1241
+ '201',
1242
+ '404',
1243
+ '401',
1244
+ ],
1245
+ ],
1246
+ },
1247
+ meta: { totalCount: 20 },
1248
+ },
1249
+ }}
1250
+ />
1251
+ );
1252
+ ```
1253
+
1254
+ ## Y-Axis Major Grid - False
1255
+
1256
+ - **Key:** Axisymajorgrid
1257
+
1258
+ ```jsx
1259
+ import React from 'react';
1260
+ import Scatter from '@splunk/visualizations/Scatter';
1261
+
1262
+ export default () => (
1263
+ <Scatter
1264
+ options={{
1265
+ showYMajorGridLines: false,
1266
+ }}
1267
+ dataSources={{
1268
+ primary: {
1269
+ requestParams: { offset: 0, count: 20 },
1270
+ data: {
1271
+ fields: [
1272
+ {
1273
+ name: 'date_hour',
1274
+ },
1275
+ {
1276
+ name: 'count',
1277
+ },
1278
+ {
1279
+ name: 'mode(status)',
1280
+ },
1281
+ ],
1282
+ columns: [
1283
+ [
1284
+ '13',
1285
+ '14',
1286
+ '15',
1287
+ '16',
1288
+ '17',
1289
+ '18',
1290
+ '19',
1291
+ '10',
1292
+ '20',
1293
+ '21',
1294
+ '22',
1295
+ '23',
1296
+ '3',
1297
+ '4',
1298
+ '5',
1299
+ ],
1300
+ [
1301
+ '1109',
1302
+ '1108',
1303
+ '1098',
1304
+ '1088',
1305
+ '1097',
1306
+ '1086',
1307
+ '1107',
1308
+ '1090',
1309
+ '1150',
1310
+ '2100',
1311
+ '1070',
1312
+ '1097',
1313
+ '1096',
1314
+ '1107',
1315
+ '1152',
1316
+ ],
1317
+ [
1318
+ '401',
1319
+ '201',
1320
+ '401',
1321
+ '201',
1322
+ '401',
1323
+ '201',
1324
+ '201',
1325
+ '401',
1326
+ '201',
1327
+ '404',
1328
+ '201',
1329
+ '200',
1330
+ '201',
1331
+ '201',
1332
+ '404',
1333
+ '401',
1334
+ ],
1335
+ ],
1336
+ },
1337
+ meta: { totalCount: 20 },
1338
+ },
1339
+ }}
1340
+ />
1341
+ );
1342
+ ```
1343
+
1344
+ ## Y-Axis Minor Grid - True
1345
+
1346
+ - **Key:** Axisyminorgrid
1347
+
1348
+ ```jsx
1349
+ import React from 'react';
1350
+ import Scatter from '@splunk/visualizations/Scatter';
1351
+
1352
+ export default () => (
1353
+ <Scatter
1354
+ options={{
1355
+ showYMajorGridLines: false,
1356
+ showYMinorGridLines: true,
1357
+ }}
1358
+ dataSources={{
1359
+ primary: {
1360
+ requestParams: { offset: 0, count: 20 },
1361
+ data: {
1362
+ fields: [
1363
+ {
1364
+ name: 'date_hour',
1365
+ },
1366
+ {
1367
+ name: 'count',
1368
+ },
1369
+ {
1370
+ name: 'mode(status)',
1371
+ },
1372
+ ],
1373
+ columns: [
1374
+ [
1375
+ '13',
1376
+ '14',
1377
+ '15',
1378
+ '16',
1379
+ '17',
1380
+ '18',
1381
+ '19',
1382
+ '10',
1383
+ '20',
1384
+ '21',
1385
+ '22',
1386
+ '23',
1387
+ '3',
1388
+ '4',
1389
+ '5',
1390
+ ],
1391
+ [
1392
+ '1109',
1393
+ '1108',
1394
+ '1098',
1395
+ '1088',
1396
+ '1097',
1397
+ '1086',
1398
+ '1107',
1399
+ '1090',
1400
+ '1150',
1401
+ '2100',
1402
+ '1070',
1403
+ '1097',
1404
+ '1096',
1405
+ '1107',
1406
+ '1152',
1407
+ ],
1408
+ [
1409
+ '401',
1410
+ '201',
1411
+ '401',
1412
+ '201',
1413
+ '401',
1414
+ '201',
1415
+ '201',
1416
+ '401',
1417
+ '201',
1418
+ '404',
1419
+ '201',
1420
+ '200',
1421
+ '201',
1422
+ '201',
1423
+ '404',
1424
+ '401',
1425
+ ],
1426
+ ],
1427
+ },
1428
+ meta: { totalCount: 20 },
1429
+ },
1430
+ }}
1431
+ />
1432
+ );
1433
+ ```
1434
+
1435
+ ## X-Axis Minor Grid - True
1436
+
1437
+ - **Key:** Axisxminorgrid
1438
+
1439
+ ```jsx
1440
+ import React from 'react';
1441
+ import Scatter from '@splunk/visualizations/Scatter';
1442
+
1443
+ export default () => (
1444
+ <Scatter
1445
+ options={{
1446
+ showXMinorGridLines: true,
1447
+ }}
1448
+ dataSources={{
1449
+ primary: {
1450
+ requestParams: { offset: 0, count: 20 },
1451
+ data: {
1452
+ fields: [
1453
+ {
1454
+ name: 'date_hour',
1455
+ },
1456
+ {
1457
+ name: 'count',
1458
+ },
1459
+ {
1460
+ name: 'mode(status)',
1461
+ },
1462
+ ],
1463
+ columns: [
1464
+ [
1465
+ '13',
1466
+ '14',
1467
+ '15',
1468
+ '16',
1469
+ '17',
1470
+ '18',
1471
+ '19',
1472
+ '10',
1473
+ '20',
1474
+ '21',
1475
+ '22',
1476
+ '23',
1477
+ '3',
1478
+ '4',
1479
+ '5',
1480
+ ],
1481
+ [
1482
+ '1109',
1483
+ '1108',
1484
+ '1098',
1485
+ '1088',
1486
+ '1097',
1487
+ '1086',
1488
+ '1107',
1489
+ '1090',
1490
+ '1150',
1491
+ '2100',
1492
+ '1070',
1493
+ '1097',
1494
+ '1096',
1495
+ '1107',
1496
+ '1152',
1497
+ ],
1498
+ [
1499
+ '401',
1500
+ '201',
1501
+ '401',
1502
+ '201',
1503
+ '401',
1504
+ '201',
1505
+ '201',
1506
+ '401',
1507
+ '201',
1508
+ '404',
1509
+ '201',
1510
+ '200',
1511
+ '201',
1512
+ '201',
1513
+ '404',
1514
+ '401',
1515
+ ],
1516
+ ],
1517
+ },
1518
+ meta: { totalCount: 20 },
1519
+ },
1520
+ }}
1521
+ />
1522
+ );
1523
+ ```
1524
+
1525
+ ## X-Axis Abbreviation - On
1526
+
1527
+ - **Key:** Axisxabbreviation
1528
+
1529
+ ```jsx
1530
+ import React from 'react';
1531
+ import Scatter from '@splunk/visualizations/Scatter';
1532
+
1533
+ export default () => (
1534
+ <Scatter
1535
+ options={{
1536
+ xAxisAbbreviation: 'auto',
1537
+ }}
1538
+ dataSources={{
1539
+ primary: {
1540
+ requestParams: { offset: 0, count: 20 },
1541
+ data: {
1542
+ fields: [
1543
+ {
1544
+ name: 'date_hour',
1545
+ },
1546
+ {
1547
+ name: 'count',
1548
+ },
1549
+ {
1550
+ name: 'sum(bytes)',
1551
+ },
1552
+ ],
1553
+ columns: [
1554
+ [
1555
+ '0',
1556
+ '100',
1557
+ '1000',
1558
+ '1100',
1559
+ '1200',
1560
+ '1300',
1561
+ '1400',
1562
+ '1500',
1563
+ '1600',
1564
+ '1700',
1565
+ '1800',
1566
+ '1900',
1567
+ '200',
1568
+ '2000',
1569
+ '2100',
1570
+ '2200',
1571
+ '2300',
1572
+ '300',
1573
+ '400',
1574
+ '500',
1575
+ ],
1576
+ [
1577
+ '866',
1578
+ '1020',
1579
+ '1096',
1580
+ '1738',
1581
+ '1063',
1582
+ '866',
1583
+ '1204',
1584
+ '1127',
1585
+ '972',
1586
+ '870',
1587
+ '869',
1588
+ '866',
1589
+ '867',
1590
+ '866',
1591
+ '866',
1592
+ '867',
1593
+ '866',
1594
+ '1263',
1595
+ '867',
1596
+ '868',
1597
+ ],
1598
+ [
1599
+ '1964636',
1600
+ '2129237',
1601
+ '5458779',
1602
+ '13285019',
1603
+ '10600226',
1604
+ '1964623',
1605
+ '54722708',
1606
+ '61593499',
1607
+ '29914368',
1608
+ '1977390',
1609
+ '1969724',
1610
+ '1964620',
1611
+ '1972137',
1612
+ '1964624',
1613
+ '1964613',
1614
+ '1974475',
1615
+ '1964622',
1616
+ '27960073',
1617
+ '1971263',
1618
+ '1979439',
1619
+ ],
1620
+ ],
1621
+ },
1622
+ meta: { totalCount: 20 },
1623
+ },
1624
+ }}
1625
+ />
1626
+ );
1627
+ ```
1628
+
1629
+ ## Y-Axis Abbreviation - On
1630
+
1631
+ - **Key:** Axisyabbreviation
1632
+
1633
+ ```jsx
1634
+ import React from 'react';
1635
+ import Scatter from '@splunk/visualizations/Scatter';
1636
+
1637
+ export default () => (
1638
+ <Scatter
1639
+ options={{
1640
+ yAxisAbbreviation: 'auto',
1641
+ }}
1642
+ dataSources={{
1643
+ primary: {
1644
+ requestParams: { offset: 0, count: 20 },
1645
+ data: {
1646
+ fields: [
1647
+ {
1648
+ name: 'date_hour',
1649
+ },
1650
+ {
1651
+ name: 'count',
1652
+ },
1653
+ {
1654
+ name: 'mode(status)',
1655
+ },
1656
+ ],
1657
+ columns: [
1658
+ [
1659
+ '13',
1660
+ '14',
1661
+ '15',
1662
+ '16',
1663
+ '17',
1664
+ '18',
1665
+ '19',
1666
+ '10',
1667
+ '20',
1668
+ '21',
1669
+ '22',
1670
+ '23',
1671
+ '3',
1672
+ '4',
1673
+ '5',
1674
+ ],
1675
+ [
1676
+ '1109',
1677
+ '1108',
1678
+ '1098',
1679
+ '1088',
1680
+ '1097',
1681
+ '1086',
1682
+ '1107',
1683
+ '1090',
1684
+ '1150',
1685
+ '2100',
1686
+ '1070',
1687
+ '1097',
1688
+ '1096',
1689
+ '1107',
1690
+ '1152',
1691
+ ],
1692
+ [
1693
+ '401',
1694
+ '201',
1695
+ '401',
1696
+ '201',
1697
+ '401',
1698
+ '201',
1699
+ '201',
1700
+ '401',
1701
+ '201',
1702
+ '404',
1703
+ '201',
1704
+ '200',
1705
+ '201',
1706
+ '201',
1707
+ '404',
1708
+ '401',
1709
+ ],
1710
+ ],
1711
+ },
1712
+ meta: { totalCount: 20 },
1713
+ },
1714
+ }}
1715
+ />
1716
+ );
1717
+ ```
1718
+
1719
+ ## X-Axis Scale - Log
1720
+
1721
+ - **Key:** Axisxscale
1722
+
1723
+ ```jsx
1724
+ import React from 'react';
1725
+ import Scatter from '@splunk/visualizations/Scatter';
1726
+
1727
+ export default () => (
1728
+ <Scatter
1729
+ options={{
1730
+ xAxisScale: 'log',
1731
+ }}
1732
+ dataSources={{
1733
+ primary: {
1734
+ requestParams: { offset: 0, count: 20 },
1735
+ data: {
1736
+ fields: [
1737
+ {
1738
+ name: 'date_hour',
1739
+ },
1740
+ {
1741
+ name: 'count',
1742
+ },
1743
+ {
1744
+ name: 'mode(status)',
1745
+ },
1746
+ ],
1747
+ columns: [
1748
+ [
1749
+ '13',
1750
+ '14',
1751
+ '15',
1752
+ '16',
1753
+ '17',
1754
+ '18',
1755
+ '19',
1756
+ '10',
1757
+ '20',
1758
+ '21',
1759
+ '22',
1760
+ '23',
1761
+ '3',
1762
+ '4',
1763
+ '5',
1764
+ ],
1765
+ [
1766
+ '1109',
1767
+ '1108',
1768
+ '1098',
1769
+ '1088',
1770
+ '1097',
1771
+ '1086',
1772
+ '1107',
1773
+ '1090',
1774
+ '1150',
1775
+ '2100',
1776
+ '1070',
1777
+ '1097',
1778
+ '1096',
1779
+ '1107',
1780
+ '1152',
1781
+ ],
1782
+ [
1783
+ '401',
1784
+ '201',
1785
+ '401',
1786
+ '201',
1787
+ '401',
1788
+ '201',
1789
+ '201',
1790
+ '401',
1791
+ '201',
1792
+ '404',
1793
+ '201',
1794
+ '200',
1795
+ '201',
1796
+ '201',
1797
+ '404',
1798
+ '401',
1799
+ ],
1800
+ ],
1801
+ },
1802
+ meta: { totalCount: 20 },
1803
+ },
1804
+ }}
1805
+ />
1806
+ );
1807
+ ```
1808
+
1809
+ ## Y-Axis Scale - Log
1810
+
1811
+ - **Key:** Axisyscale
1812
+
1813
+ ```jsx
1814
+ import React from 'react';
1815
+ import Scatter from '@splunk/visualizations/Scatter';
1816
+
1817
+ export default () => (
1818
+ <Scatter
1819
+ options={{
1820
+ yAxisScale: 'log',
1821
+ }}
1822
+ dataSources={{
1823
+ primary: {
1824
+ requestParams: { offset: 0, count: 20 },
1825
+ data: {
1826
+ fields: [
1827
+ {
1828
+ name: 'date_hour',
1829
+ },
1830
+ {
1831
+ name: 'count',
1832
+ },
1833
+ {
1834
+ name: 'mode(status)',
1835
+ },
1836
+ ],
1837
+ columns: [
1838
+ [
1839
+ '13',
1840
+ '14',
1841
+ '15',
1842
+ '16',
1843
+ '17',
1844
+ '18',
1845
+ '19',
1846
+ '10',
1847
+ '20',
1848
+ '21',
1849
+ '22',
1850
+ '23',
1851
+ '3',
1852
+ '4',
1853
+ '5',
1854
+ ],
1855
+ [
1856
+ '1109',
1857
+ '1108',
1858
+ '1098',
1859
+ '1088',
1860
+ '1097',
1861
+ '1086',
1862
+ '1107',
1863
+ '1090',
1864
+ '1150',
1865
+ '2100',
1866
+ '1070',
1867
+ '1097',
1868
+ '1096',
1869
+ '1107',
1870
+ '1152',
1871
+ ],
1872
+ [
1873
+ '401',
1874
+ '201',
1875
+ '401',
1876
+ '201',
1877
+ '401',
1878
+ '201',
1879
+ '201',
1880
+ '401',
1881
+ '201',
1882
+ '404',
1883
+ '201',
1884
+ '200',
1885
+ '201',
1886
+ '201',
1887
+ '404',
1888
+ '401',
1889
+ ],
1890
+ ],
1891
+ },
1892
+ meta: { totalCount: 20 },
1893
+ },
1894
+ }}
1895
+ />
1896
+ );
1897
+ ```
1898
+
1899
+ ## X-Axis Minimum Number - 5
1900
+
1901
+ - **Key:** Axisxminnumber
1902
+
1903
+ ```jsx
1904
+ import React from 'react';
1905
+ import Scatter from '@splunk/visualizations/Scatter';
1906
+
1907
+ export default () => (
1908
+ <Scatter
1909
+ options={{
1910
+ xAxisMin: 5,
1911
+ }}
1912
+ dataSources={{
1913
+ primary: {
1914
+ requestParams: { offset: 0, count: 20 },
1915
+ data: {
1916
+ fields: [
1917
+ {
1918
+ name: 'date_hour',
1919
+ },
1920
+ {
1921
+ name: 'count',
1922
+ },
1923
+ {
1924
+ name: 'mode(status)',
1925
+ },
1926
+ ],
1927
+ columns: [
1928
+ [
1929
+ '13',
1930
+ '14',
1931
+ '15',
1932
+ '16',
1933
+ '17',
1934
+ '18',
1935
+ '19',
1936
+ '10',
1937
+ '20',
1938
+ '21',
1939
+ '22',
1940
+ '23',
1941
+ '3',
1942
+ '4',
1943
+ '5',
1944
+ ],
1945
+ [
1946
+ '1109',
1947
+ '1108',
1948
+ '1098',
1949
+ '1088',
1950
+ '1097',
1951
+ '1086',
1952
+ '1107',
1953
+ '1090',
1954
+ '1150',
1955
+ '2100',
1956
+ '1070',
1957
+ '1097',
1958
+ '1096',
1959
+ '1107',
1960
+ '1152',
1961
+ ],
1962
+ [
1963
+ '401',
1964
+ '201',
1965
+ '401',
1966
+ '201',
1967
+ '401',
1968
+ '201',
1969
+ '201',
1970
+ '401',
1971
+ '201',
1972
+ '404',
1973
+ '201',
1974
+ '200',
1975
+ '201',
1976
+ '201',
1977
+ '404',
1978
+ '401',
1979
+ ],
1980
+ ],
1981
+ },
1982
+ meta: { totalCount: 20 },
1983
+ },
1984
+ }}
1985
+ />
1986
+ );
1987
+ ```
1988
+
1989
+ ## X-Axis Maximum Number - 17
1990
+
1991
+ - **Key:** Axisxmaxnumber
1992
+
1993
+ ```jsx
1994
+ import React from 'react';
1995
+ import Scatter from '@splunk/visualizations/Scatter';
1996
+
1997
+ export default () => (
1998
+ <Scatter
1999
+ options={{
2000
+ xAxisMax: 17,
2001
+ }}
2002
+ dataSources={{
2003
+ primary: {
2004
+ requestParams: { offset: 0, count: 20 },
2005
+ data: {
2006
+ fields: [
2007
+ {
2008
+ name: 'date_hour',
2009
+ },
2010
+ {
2011
+ name: 'count',
2012
+ },
2013
+ {
2014
+ name: 'mode(status)',
2015
+ },
2016
+ ],
2017
+ columns: [
2018
+ [
2019
+ '13',
2020
+ '14',
2021
+ '15',
2022
+ '16',
2023
+ '17',
2024
+ '18',
2025
+ '19',
2026
+ '10',
2027
+ '20',
2028
+ '21',
2029
+ '22',
2030
+ '23',
2031
+ '3',
2032
+ '4',
2033
+ '5',
2034
+ ],
2035
+ [
2036
+ '1109',
2037
+ '1108',
2038
+ '1098',
2039
+ '1088',
2040
+ '1097',
2041
+ '1086',
2042
+ '1107',
2043
+ '1090',
2044
+ '1150',
2045
+ '2100',
2046
+ '1070',
2047
+ '1097',
2048
+ '1096',
2049
+ '1107',
2050
+ '1152',
2051
+ ],
2052
+ [
2053
+ '401',
2054
+ '201',
2055
+ '401',
2056
+ '201',
2057
+ '401',
2058
+ '201',
2059
+ '201',
2060
+ '401',
2061
+ '201',
2062
+ '404',
2063
+ '201',
2064
+ '200',
2065
+ '201',
2066
+ '201',
2067
+ '404',
2068
+ '401',
2069
+ ],
2070
+ ],
2071
+ },
2072
+ meta: { totalCount: 20 },
2073
+ },
2074
+ }}
2075
+ />
2076
+ );
2077
+ ```
2078
+
2079
+ ## Y-Axis Minimum Number - 1000
2080
+
2081
+ - **Key:** Axisyminnumber
2082
+
2083
+ ```jsx
2084
+ import React from 'react';
2085
+ import Scatter from '@splunk/visualizations/Scatter';
2086
+
2087
+ export default () => (
2088
+ <Scatter
2089
+ options={{
2090
+ yAxisMin: 1000,
2091
+ }}
2092
+ dataSources={{
2093
+ primary: {
2094
+ requestParams: { offset: 0, count: 20 },
2095
+ data: {
2096
+ fields: [
2097
+ {
2098
+ name: 'date_hour',
2099
+ },
2100
+ {
2101
+ name: 'count',
2102
+ },
2103
+ {
2104
+ name: 'mode(status)',
2105
+ },
2106
+ ],
2107
+ columns: [
2108
+ [
2109
+ '13',
2110
+ '14',
2111
+ '15',
2112
+ '16',
2113
+ '17',
2114
+ '18',
2115
+ '19',
2116
+ '10',
2117
+ '20',
2118
+ '21',
2119
+ '22',
2120
+ '23',
2121
+ '3',
2122
+ '4',
2123
+ '5',
2124
+ ],
2125
+ [
2126
+ '1109',
2127
+ '1108',
2128
+ '1098',
2129
+ '1088',
2130
+ '1097',
2131
+ '1086',
2132
+ '1107',
2133
+ '1090',
2134
+ '1150',
2135
+ '2100',
2136
+ '1070',
2137
+ '1097',
2138
+ '1096',
2139
+ '1107',
2140
+ '1152',
2141
+ ],
2142
+ [
2143
+ '401',
2144
+ '201',
2145
+ '401',
2146
+ '201',
2147
+ '401',
2148
+ '201',
2149
+ '201',
2150
+ '401',
2151
+ '201',
2152
+ '404',
2153
+ '201',
2154
+ '200',
2155
+ '201',
2156
+ '201',
2157
+ '404',
2158
+ '401',
2159
+ ],
2160
+ ],
2161
+ },
2162
+ meta: { totalCount: 20 },
2163
+ },
2164
+ }}
2165
+ />
2166
+ );
2167
+ ```
2168
+
2169
+ ## Y-Axis Maximum Number - 2000
2170
+
2171
+ - **Key:** Axisymaxnumber
2172
+
2173
+ ```jsx
2174
+ import React from 'react';
2175
+ import Scatter from '@splunk/visualizations/Scatter';
2176
+
2177
+ export default () => (
2178
+ <Scatter
2179
+ options={{
2180
+ yAxisMax: 2000,
2181
+ }}
2182
+ dataSources={{
2183
+ primary: {
2184
+ requestParams: { offset: 0, count: 20 },
2185
+ data: {
2186
+ fields: [
2187
+ {
2188
+ name: 'date_hour',
2189
+ },
2190
+ {
2191
+ name: 'count',
2192
+ },
2193
+ {
2194
+ name: 'mode(status)',
2195
+ },
2196
+ ],
2197
+ columns: [
2198
+ [
2199
+ '13',
2200
+ '14',
2201
+ '15',
2202
+ '16',
2203
+ '17',
2204
+ '18',
2205
+ '19',
2206
+ '10',
2207
+ '20',
2208
+ '21',
2209
+ '22',
2210
+ '23',
2211
+ '3',
2212
+ '4',
2213
+ '5',
2214
+ ],
2215
+ [
2216
+ '1109',
2217
+ '1108',
2218
+ '1098',
2219
+ '1088',
2220
+ '1097',
2221
+ '1086',
2222
+ '1107',
2223
+ '1090',
2224
+ '1150',
2225
+ '2100',
2226
+ '1070',
2227
+ '1097',
2228
+ '1096',
2229
+ '1107',
2230
+ '1152',
2231
+ ],
2232
+ [
2233
+ '401',
2234
+ '201',
2235
+ '401',
2236
+ '201',
2237
+ '401',
2238
+ '201',
2239
+ '201',
2240
+ '401',
2241
+ '201',
2242
+ '404',
2243
+ '201',
2244
+ '200',
2245
+ '201',
2246
+ '201',
2247
+ '404',
2248
+ '401',
2249
+ ],
2250
+ ],
2251
+ },
2252
+ meta: { totalCount: 20 },
2253
+ },
2254
+ }}
2255
+ />
2256
+ );
2257
+ ```
2258
+
2259
+ ## X-Axis Major Tick Interval - 5
2260
+
2261
+ - **Key:** Axisxmajortickinterval
2262
+
2263
+ ```jsx
2264
+ import React from 'react';
2265
+ import Scatter from '@splunk/visualizations/Scatter';
2266
+
2267
+ export default () => (
2268
+ <Scatter
2269
+ options={{
2270
+ xAxisMajorTickInterval: 5,
2271
+ }}
2272
+ dataSources={{
2273
+ primary: {
2274
+ requestParams: { offset: 0, count: 20 },
2275
+ data: {
2276
+ fields: [
2277
+ {
2278
+ name: 'date_hour',
2279
+ },
2280
+ {
2281
+ name: 'count',
2282
+ },
2283
+ {
2284
+ name: 'mode(status)',
2285
+ },
2286
+ ],
2287
+ columns: [
2288
+ [
2289
+ '13',
2290
+ '14',
2291
+ '15',
2292
+ '16',
2293
+ '17',
2294
+ '18',
2295
+ '19',
2296
+ '10',
2297
+ '20',
2298
+ '21',
2299
+ '22',
2300
+ '23',
2301
+ '3',
2302
+ '4',
2303
+ '5',
2304
+ ],
2305
+ [
2306
+ '1109',
2307
+ '1108',
2308
+ '1098',
2309
+ '1088',
2310
+ '1097',
2311
+ '1086',
2312
+ '1107',
2313
+ '1090',
2314
+ '1150',
2315
+ '2100',
2316
+ '1070',
2317
+ '1097',
2318
+ '1096',
2319
+ '1107',
2320
+ '1152',
2321
+ ],
2322
+ [
2323
+ '401',
2324
+ '201',
2325
+ '401',
2326
+ '201',
2327
+ '401',
2328
+ '201',
2329
+ '201',
2330
+ '401',
2331
+ '201',
2332
+ '404',
2333
+ '201',
2334
+ '200',
2335
+ '201',
2336
+ '201',
2337
+ '404',
2338
+ '401',
2339
+ ],
2340
+ ],
2341
+ },
2342
+ meta: { totalCount: 20 },
2343
+ },
2344
+ }}
2345
+ />
2346
+ );
2347
+ ```
2348
+
2349
+ ## Y-Axis Major Tick Interval - 300
2350
+
2351
+ - **Key:** Axisymajortickinterval
2352
+
2353
+ ```jsx
2354
+ import React from 'react';
2355
+ import Scatter from '@splunk/visualizations/Scatter';
2356
+
2357
+ export default () => (
2358
+ <Scatter
2359
+ options={{
2360
+ yAxisMajorTickInterval: 300,
2361
+ }}
2362
+ dataSources={{
2363
+ primary: {
2364
+ requestParams: { offset: 0, count: 20 },
2365
+ data: {
2366
+ fields: [
2367
+ {
2368
+ name: 'date_hour',
2369
+ },
2370
+ {
2371
+ name: 'count',
2372
+ },
2373
+ {
2374
+ name: 'mode(status)',
2375
+ },
2376
+ ],
2377
+ columns: [
2378
+ [
2379
+ '13',
2380
+ '14',
2381
+ '15',
2382
+ '16',
2383
+ '17',
2384
+ '18',
2385
+ '19',
2386
+ '10',
2387
+ '20',
2388
+ '21',
2389
+ '22',
2390
+ '23',
2391
+ '3',
2392
+ '4',
2393
+ '5',
2394
+ ],
2395
+ [
2396
+ '1109',
2397
+ '1108',
2398
+ '1098',
2399
+ '1088',
2400
+ '1097',
2401
+ '1086',
2402
+ '1107',
2403
+ '1090',
2404
+ '1150',
2405
+ '2100',
2406
+ '1070',
2407
+ '1097',
2408
+ '1096',
2409
+ '1107',
2410
+ '1152',
2411
+ ],
2412
+ [
2413
+ '401',
2414
+ '201',
2415
+ '401',
2416
+ '201',
2417
+ '401',
2418
+ '201',
2419
+ '201',
2420
+ '401',
2421
+ '201',
2422
+ '404',
2423
+ '201',
2424
+ '200',
2425
+ '201',
2426
+ '201',
2427
+ '404',
2428
+ '401',
2429
+ ],
2430
+ ],
2431
+ },
2432
+ meta: { totalCount: 20 },
2433
+ },
2434
+ }}
2435
+ />
2436
+ );
2437
+ ```
2438
+
2439
+ ## Show Y-Axis With Zero - True
2440
+
2441
+ - **Key:** Axisyincludezerotrue
2442
+
2443
+ ```jsx
2444
+ import React from 'react';
2445
+ import Scatter from '@splunk/visualizations/Scatter';
2446
+
2447
+ export default () => (
2448
+ <Scatter
2449
+ options={{
2450
+ showYAxisWithZero: true,
2451
+ yAxisMajorTickInterval: 1000,
2452
+ yAxisMin: 1000,
2453
+ }}
2454
+ dataSources={{
2455
+ primary: {
2456
+ requestParams: { offset: 0, count: 20 },
2457
+ data: {
2458
+ fields: [
2459
+ {
2460
+ name: 'date_hour',
2461
+ },
2462
+ {
2463
+ name: 'count',
2464
+ },
2465
+ {
2466
+ name: 'mode(status)',
2467
+ },
2468
+ ],
2469
+ columns: [
2470
+ [
2471
+ '13',
2472
+ '14',
2473
+ '15',
2474
+ '16',
2475
+ '17',
2476
+ '18',
2477
+ '19',
2478
+ '10',
2479
+ '20',
2480
+ '21',
2481
+ '22',
2482
+ '23',
2483
+ '3',
2484
+ '4',
2485
+ '5',
2486
+ ],
2487
+ [
2488
+ '1109',
2489
+ '1108',
2490
+ '1098',
2491
+ '1088',
2492
+ '1097',
2493
+ '1086',
2494
+ '1107',
2495
+ '1090',
2496
+ '1150',
2497
+ '2100',
2498
+ '1070',
2499
+ '1097',
2500
+ '1096',
2501
+ '1107',
2502
+ '1152',
2503
+ ],
2504
+ [
2505
+ '401',
2506
+ '201',
2507
+ '401',
2508
+ '201',
2509
+ '401',
2510
+ '201',
2511
+ '201',
2512
+ '401',
2513
+ '201',
2514
+ '404',
2515
+ '201',
2516
+ '200',
2517
+ '201',
2518
+ '201',
2519
+ '404',
2520
+ '401',
2521
+ ],
2522
+ ],
2523
+ },
2524
+ meta: { totalCount: 20 },
2525
+ },
2526
+ }}
2527
+ />
2528
+ );
2529
+ ```
2530
+
2531
+ ## Show Y-Axis With Zero - False
2532
+
2533
+ - **Key:** Axisyincludezerofalse
2534
+
2535
+ ```jsx
2536
+ import React from 'react';
2537
+ import Scatter from '@splunk/visualizations/Scatter';
2538
+
2539
+ export default () => (
2540
+ <Scatter
2541
+ options={{
2542
+ showYAxisWithZero: false,
2543
+ yAxisMajorTickInterval: 1000,
2544
+ yAxisMin: 1000,
2545
+ }}
2546
+ dataSources={{
2547
+ primary: {
2548
+ requestParams: { offset: 0, count: 20 },
2549
+ data: {
2550
+ fields: [
2551
+ {
2552
+ name: 'date_hour',
2553
+ },
2554
+ {
2555
+ name: 'count',
2556
+ },
2557
+ {
2558
+ name: 'mode(status)',
2559
+ },
2560
+ ],
2561
+ columns: [
2562
+ [
2563
+ '13',
2564
+ '14',
2565
+ '15',
2566
+ '16',
2567
+ '17',
2568
+ '18',
2569
+ '19',
2570
+ '10',
2571
+ '20',
2572
+ '21',
2573
+ '22',
2574
+ '23',
2575
+ '3',
2576
+ '4',
2577
+ '5',
2578
+ ],
2579
+ [
2580
+ '1109',
2581
+ '1108',
2582
+ '1098',
2583
+ '1088',
2584
+ '1097',
2585
+ '1086',
2586
+ '1107',
2587
+ '1090',
2588
+ '1150',
2589
+ '2100',
2590
+ '1070',
2591
+ '1097',
2592
+ '1096',
2593
+ '1107',
2594
+ '1152',
2595
+ ],
2596
+ [
2597
+ '401',
2598
+ '201',
2599
+ '401',
2600
+ '201',
2601
+ '401',
2602
+ '201',
2603
+ '201',
2604
+ '401',
2605
+ '201',
2606
+ '404',
2607
+ '201',
2608
+ '200',
2609
+ '201',
2610
+ '201',
2611
+ '404',
2612
+ '401',
2613
+ ],
2614
+ ],
2615
+ },
2616
+ meta: { totalCount: 20 },
2617
+ },
2618
+ }}
2619
+ />
2620
+ );
2621
+ ```
2622
+
2623
+ ## Show X-Axis With Zero - True
2624
+
2625
+ - **Key:** Axisxincludezerotrue
2626
+
2627
+ ```jsx
2628
+ import React from 'react';
2629
+ import Scatter from '@splunk/visualizations/Scatter';
2630
+
2631
+ export default () => (
2632
+ <Scatter
2633
+ options={{
2634
+ showXAxisWithZero: true,
2635
+ }}
2636
+ dataSources={{
2637
+ primary: {
2638
+ requestParams: { offset: 0, count: 20 },
2639
+ data: {
2640
+ fields: [
2641
+ {
2642
+ name: 'date_hour',
2643
+ },
2644
+ {
2645
+ name: 'count',
2646
+ },
2647
+ {
2648
+ name: 'mode(status)',
2649
+ },
2650
+ ],
2651
+ columns: [
2652
+ [
2653
+ '13',
2654
+ '14',
2655
+ '15',
2656
+ '16',
2657
+ '17',
2658
+ '18',
2659
+ '19',
2660
+ '10',
2661
+ '20',
2662
+ '21',
2663
+ '22',
2664
+ '23',
2665
+ '3',
2666
+ '4',
2667
+ '5',
2668
+ ],
2669
+ [
2670
+ '1109',
2671
+ '1108',
2672
+ '1098',
2673
+ '1088',
2674
+ '1097',
2675
+ '1086',
2676
+ '1107',
2677
+ '1090',
2678
+ '1150',
2679
+ '2100',
2680
+ '1070',
2681
+ '1097',
2682
+ '1096',
2683
+ '1107',
2684
+ '1152',
2685
+ ],
2686
+ [
2687
+ '401',
2688
+ '201',
2689
+ '401',
2690
+ '201',
2691
+ '401',
2692
+ '201',
2693
+ '201',
2694
+ '401',
2695
+ '201',
2696
+ '404',
2697
+ '201',
2698
+ '200',
2699
+ '201',
2700
+ '201',
2701
+ '404',
2702
+ '401',
2703
+ ],
2704
+ ],
2705
+ },
2706
+ meta: { totalCount: 20 },
2707
+ },
2708
+ }}
2709
+ />
2710
+ );
2711
+ ```
2712
+
2713
+ ## Show X-Axis With Zero - False
2714
+
2715
+ - **Key:** Axisxincludezerofalse
2716
+
2717
+ ```jsx
2718
+ import React from 'react';
2719
+ import Scatter from '@splunk/visualizations/Scatter';
2720
+
2721
+ export default () => (
2722
+ <Scatter
2723
+ options={{
2724
+ showXAxisWithZero: false,
2725
+ }}
2726
+ dataSources={{
2727
+ primary: {
2728
+ requestParams: { offset: 0, count: 20 },
2729
+ data: {
2730
+ fields: [
2731
+ {
2732
+ name: 'date_hour',
2733
+ },
2734
+ {
2735
+ name: 'count',
2736
+ },
2737
+ {
2738
+ name: 'mode(status)',
2739
+ },
2740
+ ],
2741
+ columns: [
2742
+ [
2743
+ '13',
2744
+ '14',
2745
+ '15',
2746
+ '16',
2747
+ '17',
2748
+ '18',
2749
+ '19',
2750
+ '10',
2751
+ '20',
2752
+ '21',
2753
+ '22',
2754
+ '23',
2755
+ '3',
2756
+ '4',
2757
+ '5',
2758
+ ],
2759
+ [
2760
+ '1109',
2761
+ '1108',
2762
+ '1098',
2763
+ '1088',
2764
+ '1097',
2765
+ '1086',
2766
+ '1107',
2767
+ '1090',
2768
+ '1150',
2769
+ '2100',
2770
+ '1070',
2771
+ '1097',
2772
+ '1096',
2773
+ '1107',
2774
+ '1152',
2775
+ ],
2776
+ [
2777
+ '401',
2778
+ '201',
2779
+ '401',
2780
+ '201',
2781
+ '401',
2782
+ '201',
2783
+ '201',
2784
+ '401',
2785
+ '201',
2786
+ '404',
2787
+ '201',
2788
+ '200',
2789
+ '201',
2790
+ '201',
2791
+ '404',
2792
+ '401',
2793
+ ],
2794
+ ],
2795
+ },
2796
+ meta: { totalCount: 20 },
2797
+ },
2798
+ }}
2799
+ />
2800
+ );
2801
+ ```
2802
+
2803
+ ## Show X-Axis Extended Range - False
2804
+
2805
+ - **Key:** Axisxextendrangefalse
2806
+
2807
+ ```jsx
2808
+ import React from 'react';
2809
+ import Scatter from '@splunk/visualizations/Scatter';
2810
+
2811
+ export default () => (
2812
+ <Scatter
2813
+ options={{
2814
+ showXAxisExtendedRange: false,
2815
+ }}
2816
+ dataSources={{
2817
+ primary: {
2818
+ requestParams: { offset: 0, count: 20 },
2819
+ data: {
2820
+ fields: [
2821
+ {
2822
+ name: 'date_hour',
2823
+ },
2824
+ {
2825
+ name: 'count',
2826
+ },
2827
+ {
2828
+ name: 'mode(status)',
2829
+ },
2830
+ ],
2831
+ columns: [
2832
+ [
2833
+ '13',
2834
+ '14',
2835
+ '15',
2836
+ '16',
2837
+ '17',
2838
+ '18',
2839
+ '19',
2840
+ '10',
2841
+ '20',
2842
+ '21',
2843
+ '22',
2844
+ '23',
2845
+ '3',
2846
+ '4',
2847
+ '5',
2848
+ ],
2849
+ [
2850
+ '1109',
2851
+ '1108',
2852
+ '1098',
2853
+ '1088',
2854
+ '1097',
2855
+ '1086',
2856
+ '1107',
2857
+ '1090',
2858
+ '1150',
2859
+ '2100',
2860
+ '1070',
2861
+ '1097',
2862
+ '1096',
2863
+ '1107',
2864
+ '1152',
2865
+ ],
2866
+ [
2867
+ '401',
2868
+ '201',
2869
+ '401',
2870
+ '201',
2871
+ '401',
2872
+ '201',
2873
+ '201',
2874
+ '401',
2875
+ '201',
2876
+ '404',
2877
+ '201',
2878
+ '200',
2879
+ '201',
2880
+ '201',
2881
+ '404',
2882
+ '401',
2883
+ ],
2884
+ ],
2885
+ },
2886
+ meta: { totalCount: 20 },
2887
+ },
2888
+ }}
2889
+ />
2890
+ );
2891
+ ```
2892
+
2893
+ ## Show X-Axis Extended Range - True
2894
+
2895
+ - **Key:** Axisxextendrangetrue
2896
+
2897
+ ```jsx
2898
+ import React from 'react';
2899
+ import Scatter from '@splunk/visualizations/Scatter';
2900
+
2901
+ export default () => (
2902
+ <Scatter
2903
+ options={{
2904
+ showYAxisExtendedRange: true,
2905
+ }}
2906
+ dataSources={{
2907
+ primary: {
2908
+ requestParams: { offset: 0, count: 20 },
2909
+ data: {
2910
+ fields: [
2911
+ {
2912
+ name: 'date_hour',
2913
+ },
2914
+ {
2915
+ name: 'count',
2916
+ },
2917
+ {
2918
+ name: 'mode(status)',
2919
+ },
2920
+ ],
2921
+ columns: [
2922
+ [
2923
+ '13',
2924
+ '14',
2925
+ '15',
2926
+ '16',
2927
+ '17',
2928
+ '18',
2929
+ '19',
2930
+ '10',
2931
+ '20',
2932
+ '21',
2933
+ '22',
2934
+ '23',
2935
+ '3',
2936
+ '4',
2937
+ '5',
2938
+ ],
2939
+ [
2940
+ '1109',
2941
+ '1108',
2942
+ '1098',
2943
+ '1088',
2944
+ '1097',
2945
+ '1086',
2946
+ '1107',
2947
+ '1090',
2948
+ '1150',
2949
+ '2100',
2950
+ '1070',
2951
+ '1097',
2952
+ '1096',
2953
+ '1107',
2954
+ '1152',
2955
+ ],
2956
+ [
2957
+ '401',
2958
+ '201',
2959
+ '401',
2960
+ '201',
2961
+ '401',
2962
+ '201',
2963
+ '201',
2964
+ '401',
2965
+ '201',
2966
+ '404',
2967
+ '201',
2968
+ '200',
2969
+ '201',
2970
+ '201',
2971
+ '404',
2972
+ '401',
2973
+ ],
2974
+ ],
2975
+ },
2976
+ meta: { totalCount: 20 },
2977
+ },
2978
+ }}
2979
+ />
2980
+ );
2981
+ ```
2982
+
2983
+ ## Show Y-Axis Extended Range - False
2984
+
2985
+ - **Key:** Axisyextendrangefalse
2986
+
2987
+ ```jsx
2988
+ import React from 'react';
2989
+ import Scatter from '@splunk/visualizations/Scatter';
2990
+
2991
+ export default () => (
2992
+ <Scatter
2993
+ options={{
2994
+ showYAxisExtendedRange: false,
2995
+ }}
2996
+ dataSources={{
2997
+ primary: {
2998
+ requestParams: { offset: 0, count: 20 },
2999
+ data: {
3000
+ fields: [
3001
+ {
3002
+ name: 'date_hour',
3003
+ },
3004
+ {
3005
+ name: 'count',
3006
+ },
3007
+ {
3008
+ name: 'mode(status)',
3009
+ },
3010
+ ],
3011
+ columns: [
3012
+ [
3013
+ '13',
3014
+ '14',
3015
+ '15',
3016
+ '16',
3017
+ '17',
3018
+ '18',
3019
+ '19',
3020
+ '10',
3021
+ '20',
3022
+ '21',
3023
+ '22',
3024
+ '23',
3025
+ '3',
3026
+ '4',
3027
+ '5',
3028
+ ],
3029
+ [
3030
+ '1109',
3031
+ '1108',
3032
+ '1098',
3033
+ '1088',
3034
+ '1097',
3035
+ '1086',
3036
+ '1107',
3037
+ '1090',
3038
+ '1150',
3039
+ '2100',
3040
+ '1070',
3041
+ '1097',
3042
+ '1096',
3043
+ '1107',
3044
+ '1152',
3045
+ ],
3046
+ [
3047
+ '401',
3048
+ '201',
3049
+ '401',
3050
+ '201',
3051
+ '401',
3052
+ '201',
3053
+ '201',
3054
+ '401',
3055
+ '201',
3056
+ '404',
3057
+ '201',
3058
+ '200',
3059
+ '201',
3060
+ '201',
3061
+ '404',
3062
+ '401',
3063
+ ],
3064
+ ],
3065
+ },
3066
+ meta: { totalCount: 20 },
3067
+ },
3068
+ }}
3069
+ />
3070
+ );
3071
+ ```
3072
+
3073
+ ## Show Y-Axis Extended Range - True
3074
+
3075
+ - **Key:** Axisyextendrangetrue
3076
+
3077
+ ```jsx
3078
+ import React from 'react';
3079
+ import Scatter from '@splunk/visualizations/Scatter';
3080
+
3081
+ export default () => (
3082
+ <Scatter
3083
+ options={{
3084
+ showYAxisExtendedRange: true,
3085
+ }}
3086
+ dataSources={{
3087
+ primary: {
3088
+ requestParams: { offset: 0, count: 20 },
3089
+ data: {
3090
+ fields: [
3091
+ {
3092
+ name: 'date_hour',
3093
+ },
3094
+ {
3095
+ name: 'count',
3096
+ },
3097
+ {
3098
+ name: 'mode(status)',
3099
+ },
3100
+ ],
3101
+ columns: [
3102
+ [
3103
+ '13',
3104
+ '14',
3105
+ '15',
3106
+ '16',
3107
+ '17',
3108
+ '18',
3109
+ '19',
3110
+ '10',
3111
+ '20',
3112
+ '21',
3113
+ '22',
3114
+ '23',
3115
+ '3',
3116
+ '4',
3117
+ '5',
3118
+ ],
3119
+ [
3120
+ '1109',
3121
+ '1108',
3122
+ '1098',
3123
+ '1088',
3124
+ '1097',
3125
+ '1086',
3126
+ '1107',
3127
+ '1090',
3128
+ '1150',
3129
+ '2100',
3130
+ '1070',
3131
+ '1097',
3132
+ '1096',
3133
+ '1107',
3134
+ '1152',
3135
+ ],
3136
+ [
3137
+ '401',
3138
+ '201',
3139
+ '401',
3140
+ '201',
3141
+ '401',
3142
+ '201',
3143
+ '201',
3144
+ '401',
3145
+ '201',
3146
+ '404',
3147
+ '201',
3148
+ '200',
3149
+ '201',
3150
+ '201',
3151
+ '404',
3152
+ '401',
3153
+ ],
3154
+ ],
3155
+ },
3156
+ meta: { totalCount: 20 },
3157
+ },
3158
+ }}
3159
+ />
3160
+ );
3161
+ ```
3162
+
3163
+ ## X-Axis Label Rotation - 45
3164
+
3165
+ - **Key:** Axisxlabelrotation
3166
+
3167
+ ```jsx
3168
+ import React from 'react';
3169
+ import Scatter from '@splunk/visualizations/Scatter';
3170
+
3171
+ export default () => (
3172
+ <Scatter
3173
+ options={{
3174
+ xAxisLabelRotation: 45,
3175
+ }}
3176
+ dataSources={{
3177
+ primary: {
3178
+ requestParams: { offset: 0, count: 20 },
3179
+ data: {
3180
+ fields: [
3181
+ {
3182
+ name: 'date_hour',
3183
+ },
3184
+ {
3185
+ name: 'count',
3186
+ },
3187
+ {
3188
+ name: 'mode(status)',
3189
+ },
3190
+ ],
3191
+ columns: [
3192
+ [
3193
+ '13',
3194
+ '14',
3195
+ '15',
3196
+ '16',
3197
+ '17',
3198
+ '18',
3199
+ '19',
3200
+ '10',
3201
+ '20',
3202
+ '21',
3203
+ '22',
3204
+ '23',
3205
+ '3',
3206
+ '4',
3207
+ '5',
3208
+ ],
3209
+ [
3210
+ '1109',
3211
+ '1108',
3212
+ '1098',
3213
+ '1088',
3214
+ '1097',
3215
+ '1086',
3216
+ '1107',
3217
+ '1090',
3218
+ '1150',
3219
+ '2100',
3220
+ '1070',
3221
+ '1097',
3222
+ '1096',
3223
+ '1107',
3224
+ '1152',
3225
+ ],
3226
+ [
3227
+ '401',
3228
+ '201',
3229
+ '401',
3230
+ '201',
3231
+ '401',
3232
+ '201',
3233
+ '201',
3234
+ '401',
3235
+ '201',
3236
+ '404',
3237
+ '201',
3238
+ '200',
3239
+ '201',
3240
+ '201',
3241
+ '404',
3242
+ '401',
3243
+ ],
3244
+ ],
3245
+ },
3246
+ meta: { totalCount: 20 },
3247
+ },
3248
+ }}
3249
+ />
3250
+ );
3251
+ ```
3252
+
3253
+ ## Y-Axis Major Tick Visibility- Show
3254
+
3255
+ - **Key:** Axisymajortickvisibility
3256
+
3257
+ ```jsx
3258
+ import React from 'react';
3259
+ import Scatter from '@splunk/visualizations/Scatter';
3260
+
3261
+ export default () => (
3262
+ <Scatter
3263
+ options={{
3264
+ yAxisLineVisibility: 'show',
3265
+ yAxisMajorTickVisibility: 'show',
3266
+ }}
3267
+ dataSources={{
3268
+ primary: {
3269
+ requestParams: { offset: 0, count: 20 },
3270
+ data: {
3271
+ fields: [
3272
+ {
3273
+ name: 'date_hour',
3274
+ },
3275
+ {
3276
+ name: 'count',
3277
+ },
3278
+ {
3279
+ name: 'mode(status)',
3280
+ },
3281
+ ],
3282
+ columns: [
3283
+ [
3284
+ '13',
3285
+ '14',
3286
+ '15',
3287
+ '16',
3288
+ '17',
3289
+ '18',
3290
+ '19',
3291
+ '10',
3292
+ '20',
3293
+ '21',
3294
+ '22',
3295
+ '23',
3296
+ '3',
3297
+ '4',
3298
+ '5',
3299
+ ],
3300
+ [
3301
+ '1109',
3302
+ '1108',
3303
+ '1098',
3304
+ '1088',
3305
+ '1097',
3306
+ '1086',
3307
+ '1107',
3308
+ '1090',
3309
+ '1150',
3310
+ '2100',
3311
+ '1070',
3312
+ '1097',
3313
+ '1096',
3314
+ '1107',
3315
+ '1152',
3316
+ ],
3317
+ [
3318
+ '401',
3319
+ '201',
3320
+ '401',
3321
+ '201',
3322
+ '401',
3323
+ '201',
3324
+ '201',
3325
+ '401',
3326
+ '201',
3327
+ '404',
3328
+ '201',
3329
+ '200',
3330
+ '201',
3331
+ '201',
3332
+ '404',
3333
+ '401',
3334
+ ],
3335
+ ],
3336
+ },
3337
+ meta: { totalCount: 20 },
3338
+ },
3339
+ }}
3340
+ />
3341
+ );
3342
+ ```
3343
+
3344
+ ## Y-Axis Minor Tick Visibility - Show
3345
+
3346
+ - **Key:** Axisyminortickvisibility
3347
+
3348
+ ```jsx
3349
+ import React from 'react';
3350
+ import Scatter from '@splunk/visualizations/Scatter';
3351
+
3352
+ export default () => (
3353
+ <Scatter
3354
+ options={{
3355
+ yAxisLineVisibility: 'show',
3356
+ yAxisMinorTickVisibility: 'show',
3357
+ }}
3358
+ dataSources={{
3359
+ primary: {
3360
+ requestParams: { offset: 0, count: 20 },
3361
+ data: {
3362
+ fields: [
3363
+ {
3364
+ name: 'date_hour',
3365
+ },
3366
+ {
3367
+ name: 'count',
3368
+ },
3369
+ {
3370
+ name: 'mode(status)',
3371
+ },
3372
+ ],
3373
+ columns: [
3374
+ [
3375
+ '13',
3376
+ '14',
3377
+ '15',
3378
+ '16',
3379
+ '17',
3380
+ '18',
3381
+ '19',
3382
+ '10',
3383
+ '20',
3384
+ '21',
3385
+ '22',
3386
+ '23',
3387
+ '3',
3388
+ '4',
3389
+ '5',
3390
+ ],
3391
+ [
3392
+ '1109',
3393
+ '1108',
3394
+ '1098',
3395
+ '1088',
3396
+ '1097',
3397
+ '1086',
3398
+ '1107',
3399
+ '1090',
3400
+ '1150',
3401
+ '2100',
3402
+ '1070',
3403
+ '1097',
3404
+ '1096',
3405
+ '1107',
3406
+ '1152',
3407
+ ],
3408
+ [
3409
+ '401',
3410
+ '201',
3411
+ '401',
3412
+ '201',
3413
+ '401',
3414
+ '201',
3415
+ '201',
3416
+ '401',
3417
+ '201',
3418
+ '404',
3419
+ '201',
3420
+ '200',
3421
+ '201',
3422
+ '201',
3423
+ '404',
3424
+ '401',
3425
+ ],
3426
+ ],
3427
+ },
3428
+ meta: { totalCount: 20 },
3429
+ },
3430
+ }}
3431
+ />
3432
+ );
3433
+ ```
3434
+
3435
+ ## X-Axis Minor Tick Visibility - Show
3436
+
3437
+ - **Key:** Axisxminortickvisibility
3438
+
3439
+ ```jsx
3440
+ import React from 'react';
3441
+ import Scatter from '@splunk/visualizations/Scatter';
3442
+
3443
+ export default () => (
3444
+ <Scatter
3445
+ options={{
3446
+ xAxisMinorTickVisibility: 'show',
3447
+ }}
3448
+ dataSources={{
3449
+ primary: {
3450
+ requestParams: { offset: 0, count: 20 },
3451
+ data: {
3452
+ fields: [
3453
+ {
3454
+ name: 'date_hour',
3455
+ },
3456
+ {
3457
+ name: 'count',
3458
+ },
3459
+ {
3460
+ name: 'mode(status)',
3461
+ },
3462
+ ],
3463
+ columns: [
3464
+ [
3465
+ '13',
3466
+ '14',
3467
+ '15',
3468
+ '16',
3469
+ '17',
3470
+ '18',
3471
+ '19',
3472
+ '10',
3473
+ '20',
3474
+ '21',
3475
+ '22',
3476
+ '23',
3477
+ '3',
3478
+ '4',
3479
+ '5',
3480
+ ],
3481
+ [
3482
+ '1109',
3483
+ '1108',
3484
+ '1098',
3485
+ '1088',
3486
+ '1097',
3487
+ '1086',
3488
+ '1107',
3489
+ '1090',
3490
+ '1150',
3491
+ '2100',
3492
+ '1070',
3493
+ '1097',
3494
+ '1096',
3495
+ '1107',
3496
+ '1152',
3497
+ ],
3498
+ [
3499
+ '401',
3500
+ '201',
3501
+ '401',
3502
+ '201',
3503
+ '401',
3504
+ '201',
3505
+ '201',
3506
+ '401',
3507
+ '201',
3508
+ '404',
3509
+ '201',
3510
+ '200',
3511
+ '201',
3512
+ '201',
3513
+ '404',
3514
+ '401',
3515
+ ],
3516
+ ],
3517
+ },
3518
+ meta: { totalCount: 20 },
3519
+ },
3520
+ }}
3521
+ />
3522
+ );
3523
+ ```
3524
+
3525
+ ## Y-Axis Major Tick Size is 15, Y-Axis Minor Tick Size is 10
3526
+
3527
+ - **Key:** Axisyticssize
3528
+
3529
+ ```jsx
3530
+ import React from 'react';
3531
+ import Scatter from '@splunk/visualizations/Scatter';
3532
+
3533
+ export default () => (
3534
+ <Scatter
3535
+ options={{
3536
+ yAxisLineVisibility: 'show',
3537
+ yAxisMajorTickVisibility: 'show',
3538
+ yAxisMinorTickVisibility: 'show',
3539
+ yAxisMajorTickSize: 15,
3540
+ yAxisMinorTickSize: 10,
3541
+ }}
3542
+ dataSources={{
3543
+ primary: {
3544
+ requestParams: { offset: 0, count: 20 },
3545
+ data: {
3546
+ fields: [
3547
+ {
3548
+ name: 'date_hour',
3549
+ },
3550
+ {
3551
+ name: 'count',
3552
+ },
3553
+ {
3554
+ name: 'mode(status)',
3555
+ },
3556
+ ],
3557
+ columns: [
3558
+ [
3559
+ '13',
3560
+ '14',
3561
+ '15',
3562
+ '16',
3563
+ '17',
3564
+ '18',
3565
+ '19',
3566
+ '10',
3567
+ '20',
3568
+ '21',
3569
+ '22',
3570
+ '23',
3571
+ '3',
3572
+ '4',
3573
+ '5',
3574
+ ],
3575
+ [
3576
+ '1109',
3577
+ '1108',
3578
+ '1098',
3579
+ '1088',
3580
+ '1097',
3581
+ '1086',
3582
+ '1107',
3583
+ '1090',
3584
+ '1150',
3585
+ '2100',
3586
+ '1070',
3587
+ '1097',
3588
+ '1096',
3589
+ '1107',
3590
+ '1152',
3591
+ ],
3592
+ [
3593
+ '401',
3594
+ '201',
3595
+ '401',
3596
+ '201',
3597
+ '401',
3598
+ '201',
3599
+ '201',
3600
+ '401',
3601
+ '201',
3602
+ '404',
3603
+ '201',
3604
+ '200',
3605
+ '201',
3606
+ '201',
3607
+ '404',
3608
+ '401',
3609
+ ],
3610
+ ],
3611
+ },
3612
+ meta: { totalCount: 20 },
3613
+ },
3614
+ }}
3615
+ />
3616
+ );
3617
+ ```
3618
+
3619
+ ## Show X-Axis Rounded Labels - False
3620
+
3621
+ - **Key:** Showroundedxaxislabelsfalse
3622
+
3623
+ ```jsx
3624
+ import React from 'react';
3625
+ import Scatter from '@splunk/visualizations/Scatter';
3626
+
3627
+ export default () => (
3628
+ <Scatter
3629
+ options={{
3630
+ showRoundedXAxisLabels: false,
3631
+ xAxisMax: 14,
3632
+ }}
3633
+ dataSources={{
3634
+ primary: {
3635
+ requestParams: { offset: 0, count: 20 },
3636
+ data: {
3637
+ fields: [
3638
+ {
3639
+ name: 'date_hour',
3640
+ },
3641
+ {
3642
+ name: 'count',
3643
+ },
3644
+ {
3645
+ name: 'mode(status)',
3646
+ },
3647
+ ],
3648
+ columns: [
3649
+ [
3650
+ '13',
3651
+ '14',
3652
+ '15',
3653
+ '16',
3654
+ '17',
3655
+ '18',
3656
+ '19',
3657
+ '10',
3658
+ '20',
3659
+ '21',
3660
+ '22',
3661
+ '23',
3662
+ '3',
3663
+ '4',
3664
+ '5',
3665
+ ],
3666
+ [
3667
+ '1109',
3668
+ '1108',
3669
+ '1098',
3670
+ '1088',
3671
+ '1097',
3672
+ '1086',
3673
+ '1107',
3674
+ '1090',
3675
+ '1150',
3676
+ '2100',
3677
+ '1070',
3678
+ '1097',
3679
+ '1096',
3680
+ '1107',
3681
+ '1152',
3682
+ ],
3683
+ [
3684
+ '401',
3685
+ '201',
3686
+ '401',
3687
+ '201',
3688
+ '401',
3689
+ '201',
3690
+ '201',
3691
+ '401',
3692
+ '201',
3693
+ '404',
3694
+ '201',
3695
+ '200',
3696
+ '201',
3697
+ '201',
3698
+ '404',
3699
+ '401',
3700
+ ],
3701
+ ],
3702
+ },
3703
+ meta: { totalCount: 20 },
3704
+ },
3705
+ }}
3706
+ />
3707
+ );
3708
+ ```
3709
+
3710
+ ## Show X-Axis Rounded Labels - True
3711
+
3712
+ - **Key:** Showroundedxaxislabelstrue
3713
+
3714
+ ```jsx
3715
+ import React from 'react';
3716
+ import Scatter from '@splunk/visualizations/Scatter';
3717
+
3718
+ export default () => (
3719
+ <Scatter
3720
+ options={{
3721
+ showRoundedXAxisLabels: true,
3722
+ xAxisMax: 14,
3723
+ }}
3724
+ dataSources={{
3725
+ primary: {
3726
+ requestParams: { offset: 0, count: 20 },
3727
+ data: {
3728
+ fields: [
3729
+ {
3730
+ name: 'date_hour',
3731
+ },
3732
+ {
3733
+ name: 'count',
3734
+ },
3735
+ {
3736
+ name: 'mode(status)',
3737
+ },
3738
+ ],
3739
+ columns: [
3740
+ [
3741
+ '13',
3742
+ '14',
3743
+ '15',
3744
+ '16',
3745
+ '17',
3746
+ '18',
3747
+ '19',
3748
+ '10',
3749
+ '20',
3750
+ '21',
3751
+ '22',
3752
+ '23',
3753
+ '3',
3754
+ '4',
3755
+ '5',
3756
+ ],
3757
+ [
3758
+ '1109',
3759
+ '1108',
3760
+ '1098',
3761
+ '1088',
3762
+ '1097',
3763
+ '1086',
3764
+ '1107',
3765
+ '1090',
3766
+ '1150',
3767
+ '2100',
3768
+ '1070',
3769
+ '1097',
3770
+ '1096',
3771
+ '1107',
3772
+ '1152',
3773
+ ],
3774
+ [
3775
+ '401',
3776
+ '201',
3777
+ '401',
3778
+ '201',
3779
+ '401',
3780
+ '201',
3781
+ '201',
3782
+ '401',
3783
+ '201',
3784
+ '404',
3785
+ '201',
3786
+ '200',
3787
+ '201',
3788
+ '201',
3789
+ '404',
3790
+ '401',
3791
+ ],
3792
+ ],
3793
+ },
3794
+ meta: { totalCount: 20 },
3795
+ },
3796
+ }}
3797
+ />
3798
+ );
3799
+ ```
3800
+
3801
+ ## Trellis
3802
+
3803
+ - **Key:** Trellis
3804
+
3805
+ ```jsx
3806
+ import React from 'react';
3807
+ import { FeatureFlagContextProvider } from '@splunk/visualization-context/FeatureFlagContext';
3808
+ import Scatter from '@splunk/visualizations/Scatter';
3809
+
3810
+ export default () => (
3811
+ <FeatureFlagContextProvider value={{ visualizations_enableTrellis: true }}>
3812
+ <Scatter
3813
+ options={{
3814
+ splitByLayout: 'trellis',
3815
+ trellisSplitBy: 'status',
3816
+ }}
3817
+ dataSources={{
3818
+ primary: {
3819
+ requestParams: { offset: 0, count: 20 },
3820
+ data: {
3821
+ fields: [
3822
+ {
3823
+ name: 'date_hour',
3824
+ },
3825
+ {
3826
+ name: 'count',
3827
+ },
3828
+ {
3829
+ name: 'status',
3830
+ },
3831
+ {
3832
+ name: 'user',
3833
+ },
3834
+ ],
3835
+ columns: [
3836
+ [
3837
+ '13',
3838
+ '14',
3839
+ '15',
3840
+ '16',
3841
+ '17',
3842
+ '18',
3843
+ '19',
3844
+ '10',
3845
+ '20',
3846
+ '21',
3847
+ '22',
3848
+ '23',
3849
+ '3',
3850
+ '4',
3851
+ '5',
3852
+ ],
3853
+ [
3854
+ '1109',
3855
+ '1108',
3856
+ '1098',
3857
+ '1088',
3858
+ '1097',
3859
+ '1086',
3860
+ '1107',
3861
+ '1090',
3862
+ '1150',
3863
+ '2100',
3864
+ '1070',
3865
+ '1097',
3866
+ '1096',
3867
+ '1107',
3868
+ '1152',
3869
+ ],
3870
+ [
3871
+ '401',
3872
+ '201',
3873
+ '401',
3874
+ '201',
3875
+ '401',
3876
+ '201',
3877
+ '201',
3878
+ '401',
3879
+ '201',
3880
+ '404',
3881
+ '201',
3882
+ '200',
3883
+ '201',
3884
+ '201',
3885
+ '404',
3886
+ '401',
3887
+ ],
3888
+ [
3889
+ 'user1',
3890
+ 'user1',
3891
+ 'user2',
3892
+ 'user1',
3893
+ 'user2',
3894
+ 'user1',
3895
+ 'user1',
3896
+ 'user2',
3897
+ 'user1',
3898
+ 'user2',
3899
+ 'user1',
3900
+ 'user2',
3901
+ 'user1',
3902
+ 'user1',
3903
+ 'user2',
3904
+ 'user2',
3905
+ ],
3906
+ ],
3907
+ },
3908
+ meta: { totalCount: 100 },
3909
+ },
3910
+ }}
3911
+ />
3912
+ </FeatureFlagContextProvider>
3913
+ );
3914
+ ```