Verify Kibana Lens chart UI settings against the source code. Use when documenting chart types, reviewing chart settings accuracy, or checking UI labels and rendering order for Lens visualizations (bar, line, area, pie, treemap, mosaic, waffle, tag cloud, heat map, gauge, metric, region map, table).
Standardmäßig ist der Prompt ausgewählt, der zuerst die Quelle prüft. Sie können zu einem direkten Befehl wechseln oder eine lokale Kopie herunterladen.
Quelldateien prüfen
Lesen Sie SKILL.md und alle von SkillsMP angezeigten Begleitdateien, bevor Sie sich für eine Installation entscheiden.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.
Verify Kibana Lens chart UI settings against the source code. Use when documenting chart types, reviewing chart settings accuracy, or checking UI labels and rendering order for Lens visualizations (bar, line, area, pie, treemap, mosaic, waffle, tag cloud, heat map, gauge, metric, region map, table).
Verifying Kibana Lens Chart Settings from Source Code
When documenting Lens chart settings, always verify labels, options, and rendering order against the Kibana source code. Do NOT guess UI labels.
Key Principles
UI labels come from i18n defaultMessage strings — always extract the exact label.
Rendering order in JSX = rendering order in the UI — document settings in the same order they appear in the component tree.
Conditional rendering is everywhere — many settings only appear under specific conditions (chart type, selected options, number of dimensions). Trace the conditions.
Shared components are parameterized per chart — the same LegendSettings component behaves differently for treemaps vs waffle vs pie based on props.
toolbar.isDisabled — Whether the Style panel is disabled entirely (waffle)
legend.defaultLegendStats — Enables Statistics/Show value in legend (waffle only)
legend.hideNestedLegendSwitch — Hides the Nested toggle (waffle)
legend.getShowLegendDefault — Default legend visibility behavior for Auto mode
maxBuckets — Maximum Group by dimensions
Step 2: Trace the Style settings
Read toolbar/style_settings.tsx to understand the Style panel structure:
If emptySizeRatioOptions exists → renders Appearance accordion + Titles and text accordion
If not → renders only PartitionTitlesAndTextSettings directly (no sub-headers)
Then read toolbar/titles_and_text_settings.tsx:
categoryOptions renders as the first button group (label: check i18n key xpack.lens.pieChart.labelSliceLabels)
numberOptions renders as the second button group (label: check i18n key xpack.lens.pieChart.sliceValues)
If numberDisplay === 'percent', a Decimal places input appears
If categoryOptions is empty, the first button group is hidden. If numberOptions is empty, the second button group is hidden. If isDisabled is true, the entire section is disabled/hidden.
Step 3: Trace the Legend settings
Read toolbar/legend_settings.tsx (partition wrapper) to see what props are passed to the shared LegendSettings component. Key props to check:
Prop
What it controls
How to verify
legendOptions
Visibility options (Auto/Show/Hide)
Always present for all partition charts
position
Only renders if location is also passed
Partition charts do NOT pass location → Position hidden
renderNestedLegendSwitch
Nested toggle
!hideNestedLegendSwitch && groups > 1
allowedLegendStats
Statistics/Show value
Only if defaultLegendStats defined in chart meta
legendSize / onLegendSizeChange
Width dropdown
Renders if isVerticalLegend is true
shouldTruncate / onTruncateLegendChange
Label truncation toggle
Always present when legend not hidden
showAutoLegendSizeOption
Auto in size dropdown
Only for pre-8.3 visualizations
Step 4: Determine rendering order
Read the shared legend_settings.tsx JSX top to bottom. For partition charts (no location prop), the actual rendering order is:
Visibility (always)
Width (when legend not hidden, via LegendSizeSettings)
Label truncation + Line limit (when legend not hidden)
Nested (when legend not hidden AND multiple groups AND not hideNestedLegendSwitch)
Settings that do NOT render for partition charts:
Position — requires location prop (only XY charts pass this)
