Different color for multiple categories on bar charts

Hello,

I want to put two categories' color into one bar cahrt.

I mean taht I want to create VIZ like below.

f:id:skn_0410:20160624010320p:plain

Actually there is very eay way to make this happen.

We can drag two dimensions at same time into color shelf.

With that, Tableau automatically select appropriate color setting for all combination of colors.

f:id:skn_0410:20160624010659p:plain

f:id:skn_0410:20160624010748p:plain

f:id:skn_0410:20160624010832p:plain

Done !

 

This is very easy and simple, however, there are some problems.

- Color legend shows 9 colors which is busy.

- When you try to change color feature, you need to change all 9 colors respectively.

- We lose the color we use for existing category. (<== Thsi is the bad side effect.)

   For examle, I have different color set for "Product Category", but this work overwrite whole color settings.

 

So, I will show different method to achieve same result.

Let's start from simple VIZ like below.

I cahnged color set of "Product Category" intentionally.

f:id:skn_0410:20160624011611p:plain

f:id:skn_0410:20160624011714p:plain

We already have "Sales" field in the row shelf, but add one more "Sales" field into secondary axis.

f:id:skn_0410:20160624011814p:plain

Don't forget "Synclonize"

f:id:skn_0410:20160624011857p:plain

We can see two Bar charts settings.

f:id:skn_0410:20160624011956p:plain

Add "Ship Mode" into secondary axis's Color shelf.

f:id:skn_0410:20160624012104p:plain

Got below VIZ.

f:id:skn_0410:20160624013054p:plain

New Color on secondary axis overwrote exisitng primary axis's color.

Select "Edit Colors" on sencondary Axis Bar chart.

f:id:skn_0410:20160624013213p:plain

f:id:skn_0410:20160624013436p:plain

Gray 5 might be appropriate.

f:id:skn_0410:20160624013403p:plain

f:id:skn_0410:20160624014618p:plain

This the light ==> dark order is not appropriate, so we manually change "Delivery Truck" color.

f:id:skn_0410:20160624015020p:plain

f:id:skn_0410:20160624015148p:plain

Then on secondary bar cahrt's color shelf, we change the transparency.

f:id:skn_0410:20160624015307p:plain

25%'s case is as example, but you can choose the rate as you like.

f:id:skn_0410:20160624015440p:plain

Hide secondary axis's header.

f:id:skn_0410:20160624015625p:plain

And add label.

f:id:skn_0410:20160624015718p:plain

We could show "Ship Mode" category by thickness of color with keeping customized "Priduct Category" color.

| Tableau Public

f:id:skn_0410:20160624231129p:plain

 

OK, let's Play around and Enjoy!