react-d3-cloud icon indicating copy to clipboard operation
react-d3-cloud copied to clipboard

hover on word

Open ismailme opened this issue 7 years ago • 5 comments

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

thanks

ismailme avatar Oct 29 '18 16:10 ismailme

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

ismailme avatar Oct 30 '18 14:10 ismailme

@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

chentsulin avatar Oct 31 '18 06:10 chentsulin

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, ?

ismailme avatar Oct 31 '18 10:10 ismailme

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?

Nux-xader avatar Apr 05 '23 12:04 Nux-xader

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?

Jeffy-Praneat avatar Oct 10 '23 08:10 Jeffy-Praneat