[Tableau] How to add more Stage in Sankey Chart

หลังจากที่เราทำ 3-Stage Sankey Chart with Template ได้แล้ว พอเริ่มใช้งานไปเรื่อยๆ ก็รู้สึกว่า แค่ 3 Stage มันไม่เพียงพอต่อการวิเคราะห์แล้ว อยากเพิ่ม Stage ที่ 4 จังเลย แต่..Template มีแค่ 3 Stage เอง จะเพิ่ม Stage ที่ 4 ยังไงดีนะ บทความนี้มีคำตอบค่ะ

ใครที่กำลังงงๆว่าเราพูดถึงอะไร สามารถดูบทความก่อนหน้าได้เลยน๊า

2-Stage Sankey Chart with Template

[Tableau] how to create 2-Stage Sankey Chart with Template

3-Stage Sankey Chart with Template

[Tableau] how to create 3-stage Sankey Chart with Template

ต่อจากบทความที่แล้ว [3-Stage Sankey Chart with Template] ตอนนี้ทุกคนน่าจะได้ 3-Stage Sankey Chart ของตัวเองกันแล้วเนอะ

3-Stage Sankey Chart

สิ่งที่เรามีตอนนี้คือ

Stage1: Category

Stage2: Segment

Stage3: Shipment

Size: Quantity

ทีนี้ เราอยากจะดูต่อว่า เราจะต้องส่งสินค้าไปที่ไหนบ้าง… เราก็เลยอยากให้ Stage ที่ 4 ของเรา เป็น Region (จริงๆ ตรงนี้ไม่ต้องเปลี่ยนชื่อก็ได้ แต่เราว่าเปลี่ยนชื่อแล้วมันเข้าใจง่ายดี)

Rename “Region” to “Stage4”

ในส่วนของ Sankey Stage ที่ 4 สิ่งที่เราต้องมีก็คือ ตัว Curve และ แท่ง bar เพราะฉะนั้น เราจะ duplicate sheet Sankey 2 กับ Bar3 แล้วเปลี่ยนชื่อให้เป็น Sankey 3 กับ Bar4

Duplicate and Rename Worksheets

เราจะเริ่มจากส่วนที่ง่ายที่สุดกันก่อน นั่นก็คือ Bar4 ค่ะ
Sheet: Bar4 คือส่วนสุดท้ายว่า Stage เราจะไปจบที่ตรงไหนค่ะ

ตรงกล่อง Marks ให้เปลี่ยนการกำหนดสีจาก Stage3 เป็น Stage4 แทน

Bar4

เห็นสีแดงๆ ไม่ต้องตกใจค่ะ ทำถูกแล้วค่ะ 5555

มาค่ะ มาแก้ตรงสีแดงๆ กัน

เริ่มต้นที่สีแดงๆตรงกล่อง Marks กันก่อนเนอะ FlowSize

Bar4: Edit FlowSize in Marks

1. คลิกที่ FlowSize จากนั้นเลือก Edit Table Calculation
2. จะสังเกตเห็นว่าตอนนี้เครื่องหมายติ๊กถูกอยู่ที่ Stage 3 เป็นสีแดงๆ ให้เราเปลี่ยนไปติ๊กที่ Stage4 แทนค่ะ
3. ถ้าแก้ไขเรียบร้อย FlowSize ตรงกล่อง Marks ก็จะเป็นสีเขียวแล้วค่ะ

ถัดมา ไปแก้ที่ Bar Position ตรง Rows กันค่ะ

Bar4: Edit Bar Position in Rows Shelf

1. คลิกที่ Bar Position จากนั้นเลือก Edit Table Calculation
   ลองสังเกตที่กล่อง Table Calculation จะเห็นว่ามี Nested Calculation ด้วยนะ
2. ตรง Nested Calculation: Bar Position ให้ติ๊ก Stage4 แทน Stage3
   ตรง Nested Calculation: FlowSize ให้ติ๊ก Stage4 แทน Stage3 เช่นกัน
3. ถ้าแก้ไขเรียบร้อย Bar Positionตรง Rows ก็จะเป็นสีเขียวแล้วค่ะ

เรียบร้อยแล้วค่ะ กับ sheet: Bar4 ไปต่อกันที่ Sheet: Sankey 3 กันดีกว่า

บอกก่อนว่า Sheet: Sankey 3 นี้ อยากให้ทุกคนใจเย็นๆ นะคะ step มันจะค่อนข้างเยอะนิดนึง แต่มั่นใจได้เลยว่า ถ้าทุกคนตามทำ step เป๊ะๆ จะทำได้แน่นอนค่ะ

Sheet: Sankey3 จะเป็นส่วน Curve ที่ต่อมาจาก Stage 3 เข้าไปหา Bar4 ที่เราแก้กันไปเมื่อกี้นี้

ขั้นตอนแรกของ Sankey3 คือ

1. เปลี่ยนจาก Stage2 เป็น Stage3 และ
2. เปลี่ยน Stage3 เป็น Stage4 ค่ะ

Sankey3

เปลี่ยนเสร็จปุ๊บ ก็จะเจอ Error สีแดงๆ 2 จุดเช่นเคย

Sankey3

เราจะเริ่มแก้จากตรงกล่อง Marks กันก่อนค่ะ (แก้ตรงนี้ก่อน เพราะว่าแก้ง่ายกว่าเฉยๆแหละ 555555)

Sankey3: Edit CurveSize by Target

1. คลิกที่ CurveSize by Target ตรงกล่อง Marks เลือก Edit Table Calculation
   ที่ Table Calculation จะมี Nested Calculation 2 ตัวด้วยกัน: CurveSize by Target กับ FlowSize
2. ตรง Nested Calculation: CurveSize by Target ไม่มีอะไร Error ข้ามไปได้เลยย
3. ตรง Nested Calculation: FlowSize ให้ติ๊กถูกที่ Stage3 แทนค่ะ

ถัดมา ไปแก้ที่ Sigmoid Polygonตรง Rows กันค่ะ [ตรงนี้ต้องละเอียดๆหน่อยน๊าา มันยิบย่อยมากจริงๆ]

Sankey3: Edit Sigmoid Polygon

1. คลิกที่ Sigmoid Polygon ที่ Rows เลือก Edit Table Calculation
2. สังเกตตรง Nested Calculation ดีๆนะคะ มีทั้งหมด 11 อัน มันเยอะมว๊ากกก เดี่ยวเราจะมาไล่กันทีละกันเลย

Sankey3: Edit Sigmoid Polygon (2)

เริ่มกันเลย

Sigmoid Polygon อันนี้ถูกแล้ว ไม่ต้องแก้

N0 Position Min Win อันนี้ก็ถูกแล้ว ไม่ต้องแก้

N0 Position Max อันนี้ให้แก้เป็น Stage3 กับ Stage4

Sankey3: Edit Sigmoid Polygon (3)

N0 Position เปลี่ยนเป็น Stage3

FlowSize เปลี่ยนเป็น Stage3 กับ Stage4

Sankey3: Edit Sigmoid Polygon (4)

N1 Position Min Win ถูกแล้ว ไม่ต้องแก้

N1 Position Max แก้เป็น Stage4 กับ Stage3 [สามารถลากลำดับสลับที่กันได้เลยน๊าา]

******* ระวัง N1 Position Maxให้ดีๆนะคะ ต้องเป็น Stage4 อยู่บน ตามด้วย Stage3 นะ ถ้าสลับกัน ผลลัพท์เปลี่ยนด้วยนะ *******

Sankey3: Edit Sigmoid Polygon (5)

N1 Position เปลี่ยนเป็น Stage4

ระวัง N1 Position ด้วยน๊าา ถึงแม้ว่าจะไม่โชว์ตัวแดงๆ แต่ก็ต้องเปลี่ยนนะ

t ถูกแล้ว ไม่ต้องเปลี่ยน

Sankey3: Edit Sigmoid Polygon (6)

N0 Position Max Win ถูกแล้ว ไม่ต้องเปลี่ยน

N1 Position Max Win อันนี้ก็ถูกแล้ว ไม่ต้องแก้

เย้ ครบ 11 ตัวแล้วนะ เหนื่อยกันมั๊ยคะ 55555

Sankey3 Done!!!

จริงๆแล้วมันมีหลักการง่ายๆเลย ก็คือให้เราเปลี่ยนจาก Stage2 เป็น Stage3 และเปลี่ยน Stage3 เป็น Stage4 หรือจะมองง่ายๆก็ได้นะว่า Stage 2 คือต้น Stage3 คือปลาย เพราะฉะนั้น อันที่เรากำลังทำอยู่ Stage3 ก็คือต้น และ Stage4 ก็คือปลาย

ทีนี้เราก็เหลือแค่เอา Sankey 3 กับ Bar4 ไปวางบน Dashboard ของเรา เท่านี้ก็เรียบร้อยแล้วค่ะ

ปรับสี ปรับขนาด เพิ่ม text ตามใจชอบได้เลยน๊า

Almost Done Sankey!

อ๊ะๆ มีของใครเป็นแบบเรามั๊ย วิธีแก้ง่ายๆเลยก็คือ…ไปปรับลำดับการ sort ของ layer นั้นๆค่ะ อย่างของเรา ก็คือไปที่ sheet: Sankey 1 แล้วปรับการ sort ของ Stage2 ให้ตรงกับแท่ง Bar2 เพียงเท่านี้ก็เรียบร้อยแล้วค่ะ

4-Stage Sankey Chart

เรียบร้อยแล้ววว 4-Stage Sankey Chart ของเรา

แถมท้ายให้อีกนิด เราสามารถทำให้กราฟนี้ไฮไลท์แต่ละ root ที่มาได้ด้วยนะ

Highlight on Sankey Chart

วิธีการก็ง่ายๆ แค่ 3 ขั้นตอนเท่านั้นเอง

Highlight

1. ไปที่ Dashboard → Actions
2. Add Action → Highlight
3. เปลี่ยน Run action on ให้เป็น Hover แล้วคลิก OK ได้เลย

เรียบร้อยแล้วค่ะ Multiple Stage Sankey Chart ของทุกคน~~

ขอบคุณทุกคนที่อ่านมาจนจบถึงตรงนี้ หวังว่าทุกคนจะได้ Sankey Chart ไปใช้งานกันนะคะ บทความหน้าจะเป็นเรื่องอะไร อย่าลืมติดตามกันด้วยนะค๊า