Custom tooltip contents @ ngx-charts | Angular2+ | TypeScript : <p>I've been trying to set a custom label in a line chart's tooltip , e.g., modified number of minutes in HH:mm format (74 min --> 1:14), for quite some time now, but unfortunately without any success. Displaying the value as 1.283(...3) is not an alternative.</p>

<p><a href="https://i.stack.imgur.com/zKreK.png" rel="noreferrer">Number to HH:mm as tooltip label</a></p>

<p>Does anybody know how to preserve the x and y axis values (a date and a number respectively), and modify the tooltip display value?</p>

<p>For example: <a href="https://swimlane.github.io/ngx-charts/#/ngx-charts/line-chart" rel="noreferrer">https://swimlane.github.io/ngx-charts/#/ngx-charts/line-chart</a></p>

<p>Instead of having a tooltip that displays Color, Country name and Number,
--> Color, Country name and String (Number > 3000 ? 'high' : 'low';)</p>

<p><strong>Current behavior</strong>
Works as intended.</p>

<p><strong>Expected behavior</strong>
To display custom labels.</p>

<p><strong>Reproduction of the problem</strong>
Link in the description above</p>

<p><strong>What is the motivation / use case for changing the behavior?</strong>
Being able to customize tooltips' contents</p>

<p><strong>Please tell us about your environment:</strong>
OS: Win 10 x64, IDE: Eclipse EE</p>

<p><strong>ngx-charts version:</strong> 3.0.2</p>

<p><strong>Angular version:</strong> 6.0.2</p>

<p><strong>Browser:</strong> [all]</p>

<p><strong>Language:</strong> [TypeScript 2.3.3]</p>
