search

fusioncharts / react-native-fusioncharts

Simple and Lightweight React Native component for FusionCharts JavaScript Charting Library
https://fusioncharts.github.io/react-native-fusioncharts
MIT License
78 stars 36 forks source link

Tooltip is clipped when I see tooltip on edges of the chart #75

Open Neha0595 opened 4 years ago

Neha0595 commented 4 years ago

Expected Behaviour Tooltip should not be clipped when I see it on edges of the chart.

Actual behaviour My chart is displayed inside a container have a fixed height and fixed width. Chart always displayed in the defined area. But when I trying to see tooltip from the edges of chart then they appear as clipped from left.

Image

fusioncharTooltipClip

Device This problem exist in almost all android devices.

Possible Solution A way to always set the zIndex greater than all its parent containers and any other, that resolve this issue, otherwise as per my utility there is no point to display tooltip in chart.

soumyasankarduttagit commented 4 years ago

@Neha0595 Could you provide height and width of the chart in % and set the container height and width through external CSS and check.

Neha0595 commented 4 years ago

@soumyasdutta Thanks for your quick reply here is my code renderChartData = (props) => { if (props.data.length > 0) { return ( <FusionCharts type={'scrollline2d'} width={'100%'} height={'100%'} dataFormat={'json'} dataSource={props.dataSource} libraryPath={FUSION_CHART_LOCATION} /> ) } return <this.showActivityWidgetEmptyState /> }

Here I provide width and height to chart in %. Is I am Correct.

soumyasankarduttagit commented 4 years ago

Yes, you can consult https://github.com/fusioncharts/react-native-fusioncharts#quick-start if you face any issue. the height and width are mentioned in %.

Neha0595 commented 4 years ago

@soumyasdutta Thank you very much.

ayanonly1 commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: x73inuk338

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: a55vhwy4cq

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

Dear fusioncharts/react-native-fusioncharts,

Thanks for your mail and interest in FusionCharts suite of products.

This is an automated response to let you know that we've received your request. Our support staff is currently reviewing it, and would get in touch with you soon. Meanwhile, you may use our self-help options like Community Forums, Knowledge base & Online Documentation at http://support.fusioncharts.com/

Please note the information below, as it will allow you to track the progress of your request online.

Ticket ID: 337922
Subject: Re: [fusioncharts/react-native-fusioncharts] Tooltip is clipped when I see tooltip on edges of the chart (#75)
Department: General
Type: Issue
Status: Open
Priority: Medium

You can check the status of or reply to this ticket online at: http://help.fusioncharts.com/index.php?/Tickets/Ticket/View/337922

Thanks,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: uog9un1qfv

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: d7dev3ve7w

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

Dear fusioncharts/react-native-fusioncharts,

Thanks for your mail and interest in FusionCharts suite of products.

This is an automated response to let you know that we've received your request. Our support staff is currently reviewing it, and would get in touch with you soon. Meanwhile, you may use our self-help options like Community Forums, Knowledge base & Online Documentation at http://support.fusioncharts.com/

Please note the information below, as it will allow you to track the progress of your request online.

Ticket ID: 337952
Subject: Re: [fusioncharts/react-native-fusioncharts] Tooltip is clipped when I see tooltip on edges of the chart (#75)
Department: General
Type: Issue
Status: Open
Priority: Medium

You can check the status of or reply to this ticket online at: http://help.fusioncharts.com/index.php?/Tickets/Ticket/View/337952

Thanks,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: k4mozgdgdc

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

Dear fusioncharts/react-native-fusioncharts,

Thanks for your mail and interest in FusionCharts suite of products.

This is an automated response to let you know that we've received your request. Our support staff is currently reviewing it, and would get in touch with you soon. Meanwhile, you may use our self-help options like Community Forums, Knowledge base & Online Documentation at http://support.fusioncharts.com/

Please note the information below, as it will allow you to track the progress of your request online.

Ticket ID: 337951
Subject: Re: [fusioncharts/react-native-fusioncharts] Tooltip is clipped when I see tooltip on edges of the chart (#75)
Department: General
Type: Issue
Status: Open
Priority: Medium

You can check the status of or reply to this ticket online at: http://help.fusioncharts.com/index.php?/Tickets/Ticket/View/337951

Thanks,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

Neha0595 commented 4 years ago

ok @ayanonly1

ayanonly1 commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: 1dt9a1x6wv

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

Dear fusioncharts/react-native-fusioncharts,

Thanks for your mail and interest in FusionCharts suite of products.

This is an automated response to let you know that we've received your request. Our support staff is currently reviewing it, and would get in touch with you soon. Meanwhile, you may use our self-help options like Community Forums, Knowledge base & Online Documentation at http://support.fusioncharts.com/

Please note the information below, as it will allow you to track the progress of your request online.

Ticket ID: 338554
Subject: Re: [fusioncharts/react-native-fusioncharts] Tooltip is clipped when I see tooltip on edges of the chart (#75)
Department: General
Type: Issue
Status: Open
Priority: Medium

You can check the status of or reply to this ticket online at: http://help.fusioncharts.com/index.php?/Tickets/Ticket/View/338554

Thanks,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

itfusion commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: loxzzys7ud

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

itfusion commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: saw8sqr5br

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: myv2afdvyf

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: kvr0kukjpr

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

itfusion commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: r363nt5v06

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

itfusion commented 4 years ago

Dear fusioncharts/react-native-fusioncharts,

Thanks for your mail and interest in FusionCharts suite of products.

This is an automated response to let you know that we've received your request. Our support staff is currently reviewing it, and would get in touch with you soon. Meanwhile, you may use our self-help options like Community Forums, Knowledge base & Online Documentation at http://support.fusioncharts.com/

Please note the information below, as it will allow you to track the progress of your request online.

Ticket ID: 339018
Subject: Re: [fusioncharts/react-native-fusioncharts] Tooltip is clipped when I see tooltip on edges of the chart (#75)
Department: General
Type: Issue
Status: Open
Priority: Medium

You can check the status of or reply to this ticket online at: http://help.fusioncharts.com/index.php?/Tickets/Ticket/View/339018

Thanks,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: fhemu7waid

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: 3ex85fcqw2

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

itfusion commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: 47f57eqxg5

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

itfusion commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: vdw5w7hi83

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: rtpx2jsr6i

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

itfusion commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: mm4rkx0ggi

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

ayanonly1 commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: ryes88oecb

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

itfusion commented 4 years ago

This message serves as confirmation that you are now successfully registered in our support center.

Registered Email: reply@reply.github.com Password: fw6uvmzn1b

You can visit the Support Desk at any time by going to http://help.fusioncharts.com/

Please do let us know if you have any questions.

Regards,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?

itfusion commented 4 years ago

Dear fusioncharts/react-native-fusioncharts,

Thanks for your mail and interest in FusionCharts suite of products.

This is an automated response to let you know that we've received your request. Our support staff is currently reviewing it, and would get in touch with you soon. Meanwhile, you may use our self-help options like Community Forums, Knowledge base & Online Documentation at http://support.fusioncharts.com/

Please note the information below, as it will allow you to track the progress of your request online.

Ticket ID: 339493
Subject: Re: [fusioncharts/react-native-fusioncharts] Tooltip is clipped when I see tooltip on edges of the chart (#75)
Department: General
Type: Issue
Status: Open
Priority: Medium

You can check the status of or reply to this ticket online at: http://help.fusioncharts.com/index.php?/Tickets/Ticket/View/339493

Thanks,

FusionCharts Team

Support Center: http://help.fusioncharts.com/index.php?