Hide/eliminate &#38;#039;label&#38;#039; in bar charts?

Topic: Hide/eliminate 'label' in bar charts?

richb-hanover free asked 5 years ago

Expected behavior

With a Bar Chart, I would like to hide the "label" (e.g., the red rectangle and "% of Votes" on https://mdbootstrap.com/docs/jquery/javascript/charts/#options)

Or hide the red rectangle (only) - I could modify the "label" string to work in my setting.

Actual behavior

It doesn't appear to be possible to hide/remove the "label".

Thoughts? Many thanks.

Add comment

Adam Jakubowski staff answered 5 years ago

0 0 Best answer

Hi, to remove/ hiding that element just add this

options: { legend: { display: false } } });

at the bottom of your code like on the picture below enter image description here Best Regards,

Adam

Add comment

richb-hanover free answered 5 years ago

0 0 Best answer

Here's the current state. Setting label: "" removes the "undefined", but the (blue) rectangle remains in place. See the image below.

Any updates on hiding that rectangle?

enter image description here

richb-hanover free commented 5 years ago

Update: I also wanted to say that this is a very cool library. I got an attractive page working in a very short time... Thanks.

Add comment

richb-hanover free answered 5 years ago

0 0 Best answer

Please insert min. 20 characters.

Sorry, I didn't make myself clear. It looks as if you have removed the first elements of the data, labels, background, and borderColor arrays. That gets rid of the first bar of the 6 bars, and only shows 5 bars.

What I really I wanted to eliminate the items (both the colored rectangle and the "# of Votes" text) above the chart Circled label - see the circled items in the attached screenshot.