Performance Summary

Use this component to visually compare two values: in and out. It renders a chart with two bars (in and out) and sets the bar associated to the higher value to 100%. The bar associated with the lower value displays the percentage value of the direct comparison.

'inLabel' => 'In Label',
'inValue' => 50,
'outLabel' => 'Out Label',
'outValue' => 100,

250,00 € Anteilspreis bei Kauf

971,98 € Anteilspreis aktuell

+75 %
<x-performanceSummary
    in-label="250,00 € Anteilspreis bei Kauf"
    in-value="250"
    out-label="971,98 € Anteilspreis aktuell"
    out-value="972"
/>