ngx-charts

My problem is similar to this stackoverflow post When I use async pipe to observe data from firebase and show it in chart, I can see the chart but prompt null error in console. Without async pipe, all errors are gone but I can't fetch data (duh it's async data). Help me please. Cause This is happening because the component cannot work with null values for results . Why? Async pipe is, as you say, used when you do not want to (or do not need to) subscribe in the component code, but do it in the template instead. Pipe, however, is a pure function: is has to return something each time it's called

I am currently using ngx-charts for Angular2, and I would like to customize some legends, e.g. place the legend below the chart, or rename the legend fields, or make the legend wider (parts of the text just gets cut off..) etc. Are there any good options to customize the legend? Or is it generally not possible, or what is the best way to do it? Currently, my chart legends look like this: Some legends are too wide, some are cut off, and I'd like to position the legend e.g below the chart... Legend Position To position the legend below the chart, you can use the legendPosition input: <ngx-charts

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. Number to HH:mm as tooltip label Does anybody know how to preserve the x and y axis values (a date and a number respectively), and modify the tooltip display value? For example: https://swimlane.github.io/ngx-charts/#/ngx-charts/line-chart Instead of having a tooltip that displays Color, Country name and Number, --> Color, Country name and