Remove time part from the data in Financial/Stock chart | Infragistics Forums

State See Verified Answer
Replies 8 replies
Subscribers 7 subscribers
Views 2645343 views
Users 0 members are here

325

Remove time part from the data in Financial/Stock chart

Rameez Sadikot posted over 3 years ago

Hi Team,

I am using Financial/Stock charts and binding the time series data to the chart. The chart is rendered fine but the tooltip shows the date in the format of date and time where time is not required in our case. So even if it is only the date it is adding "00:00:00" after the date.

Even the samples provided in https://es.infragistics.com/products/ignite-ui-angular/angular/components/charts/types/stock-chart has the same behaviour. Can you please provide inputs or an example on how to remove time part in date.

Please note that I have already tried to format the date field to only date string but the x axis is showing incorrect date values after the change.

Looking forward to the inputs.

Top Replies

34810

Offline Andrew Goldenbaum posted over 3 years ago +1 verified
Hello Rameez, I have been investigating into the behavior that you are looking to achieve, and I would recommend taking a look at this forked StackBlitz...view reply »
34810

Offline Andrew Goldenbaum posted over 3 years ago in reply to Rameez Sadikot +1 verified
Hello Rameez, Thank you for your update on this matter. I am glad you were able to achieve the desired tooltip with your legend. I see nothing wrong...view reply »

34810

Verified Answer
Offline Andrew Goldenbaum posted over 3 years ago in reply to Rameez Sadikot

Hello Rameez,

Thank you for your update on this matter. I am glad you were able to achieve the desired tooltip with your legend.

I see nothing wrong with using series.datasource.title instead of the modified title that the legend will use, and it should be valid to use this going forward.

Please let me know if you have any other questions or concerns on this matter.
Cancel
Reply

Reject Answer

Cancel
325

Offline Rameez Sadikot posted over 3 years ago in reply to Rameez Sadikot

Hi Andrew,

Just tried out like this in the tooltip template and managed to achieve the desired tooltip and the legend.

<ng-template let-series="series" let-item="item" #valueTooltip>

                    <div>

                        <span>{{item.date | date}}</span><br/>

                        <span [style.color]="series.actualBrush">{{series.dataSource.title}}</span>: {{item.value | number}}

                    </div>

                </ng-template>

so in the tooltip I am using series.datasource.title instead of already modified title.

Hope this is fine!

Please let me know your opinion.
Cancel
Reply

Cancel
325

Offline Rameez Sadikot posted over 3 years ago in reply to Andrew Goldenbaum

Hi Andrew,

I am already using a tooltipTemplate and also would like to show the title in the tooltip along with the hover value.

But I don't want to show the final value in brackets in the tooltip. Is there any way I can access the original title inside the tooltip template?
Cancel
Reply

Cancel
34810

Offline Andrew Goldenbaum posted over 3 years ago in reply to Rameez Sadikot

Hello Rameez,

The default tooltip will show the Title of your series, and so if you are setting the series title to a title with your final value included, this will show up in the default tooltip as well.

The best thing I can recommend to prevent this is to utilize a tooltipTemplate like was described earlier in this discussion. This will give you complete control over what is displayed within the tooltips.

Please let me know if you have any other questions or concerns on this matter.
Cancel
Reply

Cancel
325

Offline Rameez Sadikot posted over 3 years ago in reply to Andrew Goldenbaum

Hi Andrew,

Thanks for providing inputs on this. I was able to implement the same and able to modify the legend. However when I have updated the series title it is also reflecting the same title in the tooltip when we hover on the time series.

So if I add the final value in brackets in the series title, this is been shown on the tooltip.

Can you please let me know how to solve this?
Cancel
Reply

Cancel