Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

hover on word #106

Open
ismailme opened this issue Oct 29, 2018 · 5 comments
Open

hover on word #106

ismailme opened this issue Oct 29, 2018 · 5 comments
Assignees

Comments

@ismailme
Copy link

Hi all, is it possible to display for example value of a word on hover event

thanks

@ismailme
Copy link
Author

Thank you @chentsulin for you quick response, I update my package but i still have the old version

@chentsulin
Copy link
Collaborator

@ismailme We just release v0.7.0, so new version should be available now:
https://github.com/Yoctol/react-d3-cloud/releases/tag/v0.7.0

@ismailme
Copy link
Author

ismailme commented Oct 31, 2018

Thank you @chentsulin , work great !!
Anyway I dont know if is possible to change the style of a word in wordcloud
I try this to display value of a word on hover :

 const onWordMouseOver = word => {
        return (<Tooltip content="word.value"> <button>{word.text}</button></Tooltip>);
    }
<WordCloud
                data={todos}
                fontSizeMapper={fontSizeMapper}
                onWordMouseOver={onWordMouseOver}
                onWordMouseOut={onWordMouseOut}
            />

but it didn't work, ?

@Nux-xader
Copy link

Thank you @chentsulin , work great !! Anyway I dont know if is possible to change the style of a word in wordcloud I try this to display value of a word on hover :

 const onWordMouseOver = word => {
        return (<Tooltip content="word.value"> <button>{word.text}</button></Tooltip>);
    }
<WordCloud
                data={todos}
                fontSizeMapper={fontSizeMapper}
                onWordMouseOver={onWordMouseOver}
                onWordMouseOut={onWordMouseOut}
            />

but it didn't work, ?

where i can get Tooltip?

@Jeffy-Praneat
Copy link

you can solver ? what he get tooltip ?

Thank you @chentsulin , work great !! Anyway I dont know if is possible to change the style of a word in wordcloud I try this to display value of a word on hover :

 const onWordMouseOver = word => {
        return (<Tooltip content="word.value"> <button>{word.text}</button></Tooltip>);
    }
<WordCloud
                data={todos}
                fontSizeMapper={fontSizeMapper}
                onWordMouseOver={onWordMouseOver}
                onWordMouseOut={onWordMouseOut}
            />

but it didn't work, ?

where i can get Tooltip?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants