[Goal] Labels and values.

[Kuznietsov]

Problem description

While trying to replace the vislib gauge with the goal from the elastic-charts, it has been found the further issue.

The goal chart is not supporting couple of features, which are required for the current visualization:

• Formatted value
• labelMajor out of the circle
• Hide too long labels

Formatted value

Current behavior: Right now goal chart is supporting label and sublabel via passing centralMajor and centralMinor only.

Feature: Support of the formatted value is required.

Current behavior:

Expected behavior:

---

labelMajor out of the circle

Current behavior: Right now goal chart is placing labelMajor and labelMinor inside the circle.

Feature: Rendering labelMajor and labelMinor out of the chart.

Current behavior:

Expected behavior:

---

Hide too long labels

Current behavior: Right now goal chart is rendering labels inside the goal charts without any restrictions.

Feature: Hide too long labels, if the chart is too small to render them without truncation.

Current behavior:

Expected behavior:

hidden.labels.mov

---

Version:

• OS: macOS Big Sur, v11.6.1
• Browser: chrome, Version 97.0.4692.99 (Official Build) (x86_64)
• Elastic Charts: 43.1.1

---

Kibana Cross Issues:

• [Visualize] replace Goal and Gauge vislib implementation with elastic-charts kibana#118867