Highcharts JS

New and returning users may sign in

Sign in
prestine
(thinking…)
Password icon
Sign in with: Facebook Google
Forgot password?
Create a password
Signed in as (Sign out)
Close
Close
  • Sign in
  • Sign up
← Highcharts Javascript API

I suggest you ...

Feedback

20 20 votes

Highcharts Javascript API

Categories

  • CATEGORIES
  • All ideas
  • My feedback

JUMP TO ANOTHER FORUM

(thinking…)
  • Searching…

    No results.

    Clear search results
    • Highcharts .NET 7 ideas
    • Highcharts Cloud 19 ideas
    • Highcharts Editor 2 ideas
    • Highcharts Javascript API 1,030 ideas
  • Highcharts JS

Highcharts wordcloud: Group words in sections and show words having maximum weight in each category with relative font sizes

https://www.anychart.com/products/anychart/gallery/TagCloud/StateoftheUnionAddressMostUsedWords.php
Refer the image in the above link. The image shows words grouped in 3 categories: Barack Obama, George Bush and Ronald Reagan. Each of these categories have a word with maximum frequency – I (70%), will (49%) and will (65%) respectively. Thus the font sizes of maximum frequency words are shown relatively.
I have tried following 3 examples:
1) Render three wordclouds in a one chart: jsfiddle.net/znm6f89r/8 - but still, word weight is based on the size within the series.
2) Define custom placement strategy: jsfiddle.net/znm6f89r/28 - but labels may not be within the column.
3) Using 3 series and setting the percentage area on X axis. http://jsfiddle.net/amrutaJgtp/znm6f89r/72/

It would be great to have a Highchart feature that supports words grouping/categorisation in wordcloud chart.

12 votes
Vote
Sign in
prestine
(thinking…)
Password icon
Sign in with: Facebook Google
Forgot password?
Create a password
Signed in as (Sign out)
Close
Close
You have left! (?) (thinking…)
Amruta Jagtap shared this idea  ·  April 03, 2018  ·  Flag idea as inappropriate…  ·  Delete…  ·  Admin →
Tweet

2 comments

Sign in
prestine
(thinking…)
Password icon
Sign in with: Facebook Google
Forgot password?
Create a password
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • AdminJon Arild Nygård (Admin, Highcharts JS) commented  ·  April 09, 2018 03:32  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Hi Amruta,

    You can achieve this by overriding deriveFontSize to have the fontSize adapt to the weight of the other series data. Since each series also scales to fit the plot area better, you will have to corrigate this also.
    Here's an example of how this can be achieved: http://jsfiddle.net/y3e2oxkr/2/

    A feature for grouping or categorization would be very interesting to have. We would have to land on a data structure which can tell how the grouping should look like.
    Another thing to keep in mind is clustering which is also a sort of grouping: http://www.macs.hw.ac.uk/texturelab/EPSRC/images/ClusterClouds/CommunicationCluster.png

    Submitting...
  • AdminTorstein Hønsi (CPO, Founder, Highcharts JS) commented  ·  April 05, 2018 23:46  ·  Flag as inappropriate  ·  Edit…  ·  Delete…

    Using separate X axes looks promising. Also by setting the colorByPoint option to false you get one color per series: http://jsfiddle.net/highcharts/znm6f89r/120/

    I am not sure how or whether we can align the font sizes between series - my colleague will come back to you about that.

    Submitting...
Highcharts JS
Highcharts JS Terms of Service Powered By UserVoice

Your password has been reset

We have made changes to increase our security and have reset your password.

We've just sent you an email to . Click the link to create a password, then come back here and sign in.