```js
initialState = {
    data: [
        { color: 'red', actuals: 10, projected: 20, channel: 'dough' },
        { color: 'blue', actuals: 20, projected: 30, channel: 'nut' }
    ],
    hoveredItem: ''
};

<div>
    <DoughnutChart
        title="Doughnut Chart"
        data={state.data}
        valueKey="projected"
        labelKey="channel"
        onHover={record => setState({ hoveredItem: record })}
    />
    <br />
    <p>Hovered Value: {state.hoveredItem ? state.hoveredItem.value : ''}</p>
</div>;
```