Is it possible to change the colour of the bar boundary in a histogram?

Community Support
1

I’m creating a histogram and ideally, I don’t want there to be any boundary lines around each bar (right now, there are black)? I took a screenshot of some of the bars I have (I can’t show the full histogram to preserve confidentiality) and I’d like to show something like the blue histogram

2

Hi,

I assume you are using bokeh.charts.Histogram? There's not a great way to accomplish this built in at the moment, but this will work:

  hist = Histogram(df, values='hp', color='cyl',
                         title="HP Distribution by Cylinder Count", legend='top_right')

  for r in hist.renderers:
      try:
          r.glyph.line_color = r.glyph.fill_color
          r.glyph.fill_alpha = 1.0
      except:
          pass

Thanks,

Bryan

···

On Mar 9, 2017, at 13:18, Kasia Rachuta <[email protected]> wrote:

I'm creating a histogram and ideally, I don't want there to be any boundary lines around each bar (right now, there are black)? I took a screenshot of some of the bars I have (I can't show the full histogram to preserve confidentiality) and I'd like to show something like the blue histogram

--
You received this message because you are subscribed to the Google Groups "Bokeh Discussion - Public" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].
To post to this group, send email to [email protected].
To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/8505feb9-d3ab-4cd3-9a9c-eef7a40737ea%40continuum.io\.
For more options, visit https://groups.google.com/a/continuum.io/d/optout\.
<Screen Shot 2017-03-09 at 11.14.55 AM.png><Screen Shot 2017-03-09 at 11.18.01 AM.png>

3

Hi Bryan,

This works like a dream, thanks! The one problem is that when I try to change the fill_alpha to 0.2, I still get the boundaries. Is there any way to change that?

My code is:

p = Histogram(visits, values=‘rate’, xlabel=‘Rate’, ylabel=‘Promotion count’, plot_width=450, plot_height=450,

fill_alpha=0.2, outline_line_alpha=0, line_color=‘white’, notebook=True, tools=False,

bins=50, color=‘grey’)

for r in p.renderers:

try:

r.glyph.line_color = r.glyph.fill_color

r.glyph.fill_alpha = 1.0

except:

pass

and then I change r.glyph.fill_alpha to 0.2. The first screenshot is for fill 1.0, the second one is for 0.2.

Thanks a lot for your help!

Screen Shot 2017-03-11 at 8.28.01 AM.png736×754 7.02 KB

Screen Shot 2017-03-11 at 8.28.36 AM.png758×764 9.8 KB

···

On Friday, 10 March 2017 19:04:57 UTC-8, Bryan Van de ven wrote:

Hi,

I assume you are using bokeh.charts.Histogram? There’s not a great way to accomplish this built in at the moment, but this will work:

    hist = Histogram(df, values='hp', color='cyl',

                     title="HP Distribution by Cylinder Count", legend='top_right')



    for r in hist.renderers:

        try:

            r.glyph.line_color = r.glyph.fill_color

            r.glyph.fill_alpha = 1.0

        except:

            pass

Thanks,

Bryan

On Mar 9, 2017, at 13:18, Kasia Rachuta [email protected] wrote:

I’m creating a histogram and ideally, I don’t want there to be any boundary lines around each bar (right now, there are black)? I took a screenshot of some of the bars I have (I can’t show the full histogram to preserve confidentiality) and I’d like to show something like the blue histogram

–
You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/8505feb9-d3ab-4cd3-9a9c-eef7a40737ea%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

<Screen Shot 2017-03-09 at 11.14.55 AM.png><Screen Shot 2017-03-09 at 11.18.01 AM.png>

4

You can try setting

  glyph.line_color = None

to turn off all boundary drawing, but you might end up with with small gaps/artifacts between bars. Or you can set

  glyph.line_alpha = 0.1

or some low value, and see if that looks acceptable. Alternatively, if you are only setting alpha to "lighten" the bars against a light background (instead of actually revealing something rendered behind) then you could use the original code I gave, but set the bar color to something lighter.

Thanks,

Bryan

···

On Mar 11, 2017, at 10:30, Kasia Rachuta <[email protected]> wrote:

Hi Bryan,

This works like a dream, thanks! The one problem is that when I try to change the fill_alpha to 0.2, I still get the boundaries. Is there any way to change that?

My code is:

p = Histogram(visits, values='rate', xlabel='Rate', ylabel='Promotion count', plot_width=450, plot_height=450,
            fill_alpha=0.2, outline_line_alpha=0, line_color='white', notebook=True, tools=False,
             bins=50, color='grey')

for r in p.renderers:
    try:
        r.glyph.line_color = r.glyph.fill_color
        r.glyph.fill_alpha = 1.0
    except:
        pass

and then I change r.glyph.fill_alpha to 0.2. The first screenshot is for fill 1.0, the second one is for 0.2.

Thanks a lot for your help!

On Friday, 10 March 2017 19:04:57 UTC-8, Bryan Van de ven wrote:
Hi,

I assume you are using bokeh.charts.Histogram? There's not a great way to accomplish this built in at the moment, but this will work:

        hist = Histogram(df, values='hp', color='cyl',
                         title="HP Distribution by Cylinder Count", legend='top_right')

        for r in hist.renderers:
            try:
                r.glyph.line_color = r.glyph.fill_color
                r.glyph.fill_alpha = 1.0
            except:
                pass

Thanks,

Bryan

> On Mar 9, 2017, at 13:18, Kasia Rachuta <[email protected]> wrote:
>
> I'm creating a histogram and ideally, I don't want there to be any boundary lines around each bar (right now, there are black)? I took a screenshot of some of the bars I have (I can't show the full histogram to preserve confidentiality) and I'd like to show something like the blue histogram
>
> --
> You received this message because you are subscribed to the Google Groups "Bokeh Discussion - Public" group.
> To unsubscribe from this group and stop receiving emails from it, send an email to bokeh+un...@continuum.io.
> To post to this group, send email to bo...@continuum.io.
> To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/8505feb9-d3ab-4cd3-9a9c-eef7a40737ea%40continuum.io\.
> For more options, visit https://groups.google.com/a/continuum.io/d/optout\.
> <Screen Shot 2017-03-09 at 11.14.55 AM.png><Screen Shot 2017-03-09 at 11.18.01 AM.png>

--
You received this message because you are subscribed to the Google Groups "Bokeh Discussion - Public" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].
To post to this group, send email to [email protected].
To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/aacf25b1-13c3-4a7b-8b68-0cbdb2e96747%40continuum.io\.
For more options, visit https://groups.google.com/a/continuum.io/d/optout\.
<Screen Shot 2017-03-11 at 8.28.01 AM.png><Screen Shot 2017-03-11 at 8.28.36 AM.png>

5

Hi Bryan,

Thanks a lot. I’ve tinkered with the code a bit and what gives me exactly what I want is this:

for r in p.renderers:

try:

r.glyph.line_color = None

r.glyph.line_alpha = r.glyph.fill_alpha

except:

pass

Once again thanks for your help!

···

On Sat, Mar 11, 2017 at 8:39 AM, Bryan Van de ven [email protected] wrote:

You can try setting

    glyph.line_color = None

to turn off all boundary drawing, but you might end up with with small gaps/artifacts between bars. Or you can set

    glyph.line_alpha = 0.1

or some low value, and see if that looks acceptable. Alternatively, if you are only setting alpha to “lighten” the bars against a light background (instead of actually revealing something rendered behind) then you could use the original code I gave, but set the bar color to something lighter.

Thanks,

Bryan

On Mar 11, 2017, at 10:30, Kasia Rachuta [email protected] wrote:

Hi Bryan,

This works like a dream, thanks! The one problem is that when I try to change the fill_alpha to 0.2, I still get the boundaries. Is there any way to change that?

My code is:

p = Histogram(visits, values=‘rate’, xlabel=‘Rate’, ylabel=‘Promotion count’, plot_width=450, plot_height=450,

        fill_alpha=0.2, outline_line_alpha=0, line_color='white',  notebook=True, tools=False,

         bins=50, color='grey')

for r in p.renderers:

try:

    r.glyph.line_color = r.glyph.fill_color

    r.glyph.fill_alpha = 1.0

except:

    pass

and then I change r.glyph.fill_alpha to 0.2. The first screenshot is for fill 1.0, the second one is for 0.2.

Thanks a lot for your help!

On Friday, 10 March 2017 19:04:57 UTC-8, Bryan Van de ven wrote:

Hi,

I assume you are using bokeh.charts.Histogram? There’s not a great way to accomplish this built in at the moment, but this will work:

    hist = Histogram(df, values='hp', color='cyl',

                     title="HP Distribution by Cylinder Count", legend='top_right')

    for r in hist.renderers:

        try:

            r.glyph.line_color = r.glyph.fill_color

            r.glyph.fill_alpha = 1.0

        except:

            pass

Thanks,

Bryan

On Mar 9, 2017, at 13:18, Kasia Rachuta [email protected] wrote:

I’m creating a histogram and ideally, I don’t want there to be any boundary lines around each bar (right now, there are black)? I took a screenshot of some of the bars I have (I can’t show the full histogram to preserve confidentiality) and I’d like to show something like the blue histogram

–

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/8505feb9-d3ab-4cd3-9a9c-eef7a40737ea%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

<Screen Shot 2017-03-09 at 11.14.55 AM.png><Screen Shot 2017-03-09 at 11.18.01 AM.png>

–

You received this message because you are subscribed to the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/aacf25b1-13c3-4a7b-8b68-0cbdb2e96747%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.

<Screen Shot 2017-03-11 at 8.28.01 AM.png><Screen Shot 2017-03-11 at 8.28.36 AM.png>

–

You received this message because you are subscribed to a topic in the Google Groups “Bokeh Discussion - Public” group.

To unsubscribe from this topic, visit https://groups.google.com/a/continuum.io/d/topic/bokeh/AN3Bs6Ueon8/unsubscribe.

To unsubscribe from this group and all its topics, send an email to [email protected].

To post to this group, send email to [email protected].

To view this discussion on the web visit https://groups.google.com/a/continuum.io/d/msgid/bokeh/20A462DA-6C1E-485D-BF43-477BD7B7DDDB%40continuum.io.

For more options, visit https://groups.google.com/a/continuum.io/d/optout.