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