tag:blogger.com,1999:blog-46934091781415128122024-03-13T13:05:19.829-07:00Professional Excel ChartUcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.comBlogger16125tag:blogger.com,1999:blog-4693409178141512812.post-74677709795592819362011-07-06T22:45:00.000-07:002011-07-06T22:45:11.877-07:00Excel Chart: Duplicate Data Source to Create Special Effected Pie Chart<div style="font-family: Verdana,sans-serif; text-align: right;"><span style="font-size: x-small;">Download <span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"><b><a href="http://www.ucmapi.com/download.php?id=415ab4a2-2821-4375-95d3-2f09097525d0">Office Tab</a></b></span></span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><i><span style="font-size: x-small;">Enable Tabbed View for Word, Excel, PowerPoint, Project & Visio</span></i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s1600/xUntitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s200/xUntitled.png" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tZeoD33hHF3_0Q7lSBlRfFzAOObv_DeYvHqd8gP02vORjyTxn5Pgr0xPLLfQFfId0pKFsibydi62pG_HIzUWFSmNnouCOZ6RS_LnLs_2Y0FTZ-3XGCIEDTIAFs2LKsqAdvOu0Twal0/s1600/Untitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a><br />
<hr /><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"></span></span><br />
<div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">1. Duplicate Data source to create an enlarged pie to emphasize a special data series.</b></span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;">In Excel, we usually explode one pie from the whole pie chart to emphasize a special data series. But I also find a different solution, which enlarges that pie and highlight data series by size. The left of the following picture is the normal scenario and the right one is a different one. (Please see the green arrow!)</span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"><img src="http://www.ucmapi.com/chart/019/old-new.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 50px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;">In fact, we can duplicate the data source and add a new chart series (I use doughnut here) to create the right one quickly and easily. Suppose we have the raw data 14 and 86.</span></span></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"></span></span></span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 16px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">A.</b><span class="Apple-converted-space"> </span>Insert a blank doughnut chart into workbook. Select data 14 and 86 and press Ctrl+C to copy data to clipboard.</span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 16px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">B.</b><span class="Apple-converted-space"> </span>Pick new chart and press Ctrl+V<span class="Apple-converted-space"> </span><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">twice</b>.</span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 16px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">C.</b><span class="Apple-converted-space"> </span>Right click on the inner doughnut chart and change its type to pie. (We've done this in the<span class="Apple-converted-space"> </span><a href="http://www.ucmapi.com/chart/gauge.php" style="color: #25619f; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">gauge chart</a>)</span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 16px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">D.</b><span class="Apple-converted-space"> </span>Adjust the outside doughnut chart's "Hole Size" and enlarge the size of pie chart until it satisfies you.</span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 16px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">E.</b><span class="Apple-converted-space"> </span>Select the data point for 86 from the outside doughnut chart and change its fill to "No Fill".</span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 16px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">F.</b><span class="Apple-converted-space"> </span>Apply the color and theme you've prepared.</span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"><img height="57" src="http://www.ucmapi.com/chart/019/list.png" style="border-width: 0px; margin: 0px 0px 0px 50px; padding: 0px;" width="320" /></span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;">Add decoration and title to your chart. At last you can get the result chart</span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"><img src="http://www.ucmapi.com/chart/019/final.png" style="border-width: 0px; margin: 0px 0px 0px 50px; padding: 0px;" /></span></span></div><span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">2. Duplicate Data source to create the second edge for a pie chart.</b></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">In fact, take the similar operation as the above chart, you can also create personal chart like the following one, which comes from a popular magazine. The special feature of the chart is the edge. Even though it's not very useful, it improves the whole chart.</div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://www.ucmapi.com/chart/019/edge.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.ucmapi.com/chart/019/edge.png" style="border-width: 0px; margin-top: 0px; padding: 0px;" /></a></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"><br />
</div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"> <b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">A.</b><span class="Apple-converted-space"> </span>Insert a blank doughnut chart into workbook. Select data 14 and 86 and press Ctrl+C to copy data to clipboard.<span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"></span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 16px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">B.</b><span class="Apple-converted-space"> </span>Pick new chart and press Ctrl+V<span class="Apple-converted-space"> </span><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">twice</b>.</div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 16px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">C.</b><span class="Apple-converted-space"> </span>Right click on the inner doughnut chart and change its type to pie.</div><div style="line-height: 17px; margin: 8px 0px 0px 16px; padding: 0px;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://www.ucmapi.com/chart/019/list-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.ucmapi.com/chart/019/list-1.png" style="border-width: 0px; margin-top: 0px; padding: 0px;" /></a></div><div style="line-height: 17px; margin: 8px 0px 0px 16px; padding: 0px;"> We can also create other interesting chart via duplication of data source. Here are some other examples:<span class="Apple-style-span" style="border-collapse: separate; color: black; font-family: Simsun; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"><span class="Apple-style-span" style="font-family: Verdana,Arial; font-size: 12px; text-align: left;"></span></span></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">1. Area chart with highlight edge.</b></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">We've used this technology in our previous post.<span class="Apple-converted-space"> </span><a href="http://www.ucmapi.com/chart/max-min.php" style="color: #25619f; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">"Always markup Min & Max point of line chart"</a>. You'd insert an area at first and then insert a line chart or scatter line chart over the area chart. Then highlight the line chart.</div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img src="http://www.ucmapi.com/chart/019/area.png" style="border-width: 0px; margin: 0px 0px 0px 50px; padding: 0px;" /></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><b style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">2. Simulate "double" compound typed line chart.</b></div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Line chart with "double" compound type is easy to create. But you can also add two line charts into your workbook and then widen one line chart but keep the other one thin, which looks like a hollow of the thick one. This post just gives you a different solution. Maybe, you can create cooler chart base on this ideal.</div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><img src="http://www.ucmapi.com/chart/019/dbl.png" style="border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 0px; margin-left: 50px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" /></div></span></span><br />
<div style="line-height: 17px; margin: 8px 0px 0px 16px; padding: 0px;"><br />
</div><div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><br />
<div style="line-height: 17px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 8px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div><div style="line-height: 17px; margin: 8px 0px 0px; padding: 0px;"></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com1tag:blogger.com,1999:blog-4693409178141512812.post-88429154798541292232011-06-29T23:44:00.000-07:002011-06-29T23:44:00.611-07:00Excel Chart: How to Create Circle Gauge with Pure Excel Elements<div style="font-family: Verdana,sans-serif; text-align: right;"><span style="font-size: x-small;">Download <span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"><b><a href="http://www.ucmapi.com/download.php?id=415ab4a2-2821-4375-95d3-2f09097525d0">Office Tab</a></b></span></span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><i><span style="font-size: x-small;">Enable Tabbed View for Word, Excel, PowerPoint, Project & Visio</span></i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s1600/xUntitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s200/xUntitled.png" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tZeoD33hHF3_0Q7lSBlRfFzAOObv_DeYvHqd8gP02vORjyTxn5Pgr0xPLLfQFfId0pKFsibydi62pG_HIzUWFSmNnouCOZ6RS_LnLs_2Y0FTZ-3XGCIEDTIAFs2LKsqAdvOu0Twal0/s1600/Untitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a><br />
<hr /><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Gauge is a frequent used chart in business report. We can find them in many magazines. There are also many 3rd party tools to create it. The following is an example from a popular magazine.</div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><br />
<img src="http://www.ucmapi.com/chart/016/seq.png" /><br />
<br />
Excel does not support gauge directly. But we can create it by combining some basic elements. The following chart is a basic circle gauge.<br />
<br />
<a href="http://www.ucmapi.com/chart/016/final.png"><img height="160" src="http://www.ucmapi.com/chart/016/final.png" width="160" /></a></div></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif; padding-top: 8px;"></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><b>Prerequest: Prepare the following data</b><br />
<br />
Three values can define a gauge: minimum, maximum and current value. Current value should be between the minimum and the maximum. Let's suppose them as 0, 100 and 59. We'd also prepare the following data for gauge tick. $B$1 is the current value. And the range $B$3:$C$4 will be used as pointer.<br />
<br />
<a href="http://www.ucmapi.com/chart/016/data.png" target="_blank"><img height="240" src="http://www.ucmapi.com/chart/016/data.png" /></a></div></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif; padding-top: 8px;"></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><b>Step 1: Create gauge edge and tick</b><br />
<br />
Insert a blank "Doughnut" into your workbook. And follow the guide from steps 1.1 to 1.3. You can get a normal "Doughnut" chart.<br />
<br />
1.1 Select $A$1 (Only one cell); Press Ctrl+C to copy it to clipboard and then press Ctrl+V after you choose chart using mouse.<br />
1.2 Select $A$1-$A$13 (Multiple cells) and repeat the operation of step 1.1<br />
1.3 Repeat 1.1 again<br />
1.4 Repeat 1.1 again<br />
<br />
<img src="http://www.ucmapi.com/chart/016/nut.png" /></div></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif; padding-top: 8px;"></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><b>Step 2: Add pointer</b><br />
<br />
Here we use a scatter chart to emulate pointer. Let's suppose the radius of doughnut chart is 1. So the center point has the value (0.5, 0.5). We've also supposed the length of pointer is 60% of doughnut radius. If the current value is 59, you have to use a little math knowledge to calculate the end point. I've prepared the formula, you can input it directly. Please see the cell $B4 & $C4.<br />
<br />
<div style="background-color: #fff2cc; font-family: "Courier New",Courier,monospace;"><span class="xcode">$B4 =0.5+COS(PI()*($B1/100*270-135)/180)*0.3</span></div><div style="background-color: #fff2cc; font-family: "Courier New",Courier,monospace;"><span class="xcode">$C4 =0.5+SIN(PI()*($B1/100*270-135)/180)*0.3</span></div><br />
2.1 Select $B3 (the cell has the value 0.5) and copy it to chart as another doughnut. (The red one in the following picture list)<br />
2.2 Change the most outside doughnut to "Scatter with Straight Line and Markers"<br />
2.3 Change the scatter chart data. Force the X values to $C$3:$C$4 and Y values to $B$3:$B$4<br />
<br />
<div style="color: #666666;"><i>[Notice: We have supposed the radius is 1 so you'd also need limit both X-Axis and Y-Axis to (0-1)]</i></div><br />
<img src="http://www.ucmapi.com/chart/016/scatter.png" /></div></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif; padding-top: 8px;"></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><b>Step 3: Add gauge face</b><br />
<br />
Let's enlarge the last chart and add a face to current doughnut chart. Select the cell $B3 and copy it to chart. There will be additional scatter point in chart. (The yellow dot of the first picture of the following list). Change it's type to "Pie" and force the pie's data to both 0.5. You will get the second picture from the following picture list. Drag the pie using your mouse and expand the pie until the size of the pie can fill the doughnut hole. Re-drag the pie again and put them into the center of chart.<br />
<br />
<a href="http://www.ucmapi.com/chart/016/face.png" target="_blank"><img src="http://www.ucmapi.com/chart/016/face.png" width="460" /></a></div></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif; padding-top: 8px;"></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><b>Step 4: Beautify your chart now.</b><br />
<br />
4.1 Fill the most outer circle with metal color.<br />
4.2 Remove all grids from the chart.<br />
4.3 Apply black color as the basic color for all doughnuts.<br />
4.4 Format the center point<br />
4.5 Apply tick for the second circle. Here you need "Data Label Updater" tool<br />
<br />
<br />
<img src="http://www.ucmapi.com/chart/016/result-1.png" /><br />
Result<br />
<a href="http://www.ucmapi.com/chart/016/result.png" target="_blank"><img height="160" src="http://www.ucmapi.com/chart/016/result.png" width="160" /></a></div></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif; padding-top: 8px;"></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;">In fact, you can also customize these charts according to your imaging. I add more doughnuts for some scenarios. For example, the following green to red doughnuts.<br />
<br />
<img src="http://www.ucmapi.com/chart/016/other.png" /></div></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0tag:blogger.com,1999:blog-4693409178141512812.post-47187350417211380632011-06-17T03:22:00.000-07:002011-06-17T03:22:46.269-07:00Excel Chart: How to Clip Picture Background into Non-Regular Shape in Plot Area<div dir="ltr" style="text-align: left;" trbidi="on"><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><div style="font-family: Verdana,sans-serif; text-align: right;"><span style="font-size: x-small;">Download <span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"><b><a href="http://www.ucmapi.com/download.php?id=415ab4a2-2821-4375-95d3-2f09097525d0">Office Tab</a></b></span></span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><i><span style="font-size: x-small;">Enable Tabbed View for Word, Excel, PowerPoint, Project & Visio</span></i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s1600/xUntitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s200/xUntitled.png" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tZeoD33hHF3_0Q7lSBlRfFzAOObv_DeYvHqd8gP02vORjyTxn5Pgr0xPLLfQFfId0pKFsibydi62pG_HIzUWFSmNnouCOZ6RS_LnLs_2Y0FTZ-3XGCIEDTIAFs2LKsqAdvOu0Twal0/s1600/Untitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a><br />
<hr /><br />
<br />
Yesterday, a friend sent me a message and demonstrated how to display an no-regular picture background in plot area. As we all know, it's easy and quick to fill plot area with a rectangle picture in all version of Excel. But it's very difficult to clip the picture into a non-regular shape. This friend's ideal is some creative even though it's not very complex. I review some magazines and find an example for this scenario.<br />
<br />
<br />
<img src="http://www.ucmapi.com/chart/014/dark.png" /><br />
I collect some data from newspaper and practice his ideal. The and get the following chart.<br />
<br />
<img src="http://www.ucmapi.com/chart/014/final.png" /></div></div><span style="font-family: Arial,Helvetica,sans-serif;"> </span><br />
<div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif; padding-top: 12px;"></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><b>Prerequisite: Prepare Data.</b><br />
Suppose we have the following data. Column B is pseudo CPI (Customer Price Index), which becomes higher and higher recently. Column C is our buy capability. It looks mismatch with the increase of CPI. Where is our money?<br />
<br />
<img src="http://www.ucmapi.com/chart/014/data.png" /></div></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif; padding-top: 12px;"></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><b>Step 1: Prepare two auxiliary data as area chart.</b><br />
Column D is the auxiliary data, which will be created as a shape to cover the picture background. In fact, we all know, we cannot create a non-regular picture background directly. But we can create some no-regular shapes and overlap them over the background picture. The result background will displayed as non-regular.<br />
<br />
Select column $A1-$D6 and insert a stacked area into your workbook. The area chart looks like:<br />
<br />
<img src="http://www.ucmapi.com/chart/014/stacked.png" /></div></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif; padding-top: 12px;"></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><b>Step 2: Plot the Column C & the auxiliary area chart to the secondary axis.</b><br />
Select the area chart matching with column C and column D and plot them to the secondary axis.<br />
<br />
<br />
<img src="http://www.ucmapi.com/chart/014/plot.png" /><br />
<br />
And then limit both the primary & secondary vertical axis to [0-100].Your chart will become the left picture. Select the red one and change its fill to transparent.<br />
<br />
<img src="http://www.ucmapi.com/chart/014/area.png" /></div></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif; padding-top: 12px;"></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><b>Step 3: Add real data into the chart.</b><br />
The real data will be created as a scatter line chart. Select column B, C again and insert them into the draft chart. Choose series A and change chart's type to scatter line chart.<br />
<br />
<img src="http://www.ucmapi.com/chart/014/scatter.png" /></div></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif; padding-top: 12px;"></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><b>Step 4: Change plot area’s and all area charts’ background.</b><br />
<br />
<img src="http://www.ucmapi.com/chart/014/draft.png" /></div></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif; padding-top: 12px;"></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><b>Step 5: Add special mark to line chart.</b><br />
Prepare the following icon. Select the first icon and press Ctrl+C to copy it to clipboard. Select the CPI line and press Ctrl+V to paste the icon as it's mark icon. Do the same operation for the other one.<br />
<br />
<img src="http://www.ucmapi.com/chart/014/mark.png" /></div></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif; padding-top: 12px;"></div><div class="xchart" style="float: left; font-family: Arial,Helvetica,sans-serif;"><div style="margin: 8px;"><b>Step 6: beautify it with Orange + Green theme.</b><br />
Prepare the following icon. Select the first icon and press Ctrl+C to copy it to clipboard. Select the CPI line and press Ctrl+V to paste the icon as it's mark icon. Do the same operation for the other one.<br />
<br />
<img src="http://www.ucmapi.com/chart/014/result.png" /></div></div></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0tag:blogger.com,1999:blog-4693409178141512812.post-70607528048940306912011-06-03T00:33:00.000-07:002011-06-03T00:33:40.689-07:00Excel Chart: Square Pie Charts Make Percent Number More Readable<div dir="ltr" style="text-align: left;" trbidi="on"><div style="font-family: Arial,Helvetica,sans-serif;"><div style="font-family: Verdana,sans-serif; text-align: right;"><span style="font-size: x-small;">Download <span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"><b><a href="http://www.ucmapi.com/download.php?id=415ab4a2-2821-4375-95d3-2f09097525d0">Office Tab</a></b></span></span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><i><span style="font-size: x-small;">Enable Tabbed View for Word, Excel, PowerPoint, Project & Visio</span></i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s1600/xUntitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s200/xUntitled.png" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tZeoD33hHF3_0Q7lSBlRfFzAOObv_DeYvHqd8gP02vORjyTxn5Pgr0xPLLfQFfId0pKFsibydi62pG_HIzUWFSmNnouCOZ6RS_LnLs_2Y0FTZ-3XGCIEDTIAFs2LKsqAdvOu0Twal0/s1600/Untitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a><br />
<hr /><br />
<br />
<br />
Pie charts are very common used in our daily business, especially on dashboard. But while we can see differences in angles quite well, reading the meaning of the difference is another matter, so readable number is still very important. Data visualization experts replace pies with square one sometimes. A square is divided into 10x10 fields, and for each number, as many fields are filled in as there are percent. Consequently, the numbers remain readable by simply counting the number of fields covered by one color. The following example comes from "Forrester Research".</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX0JyfP392a0rxsPnSN_WJD3viZjy3OZRMaoR3FpIPoxgdZgQIu3Q8Wd7zuh3Pp7zZqAAFs5dflh53BsvcD33Dzu0EcrVuFiE6fbPeOjlKakc_-v5qhfhRb6yFVUWHXJ2yz8fXetcrOqM/s1600/forester.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX0JyfP392a0rxsPnSN_WJD3viZjy3OZRMaoR3FpIPoxgdZgQIu3Q8Wd7zuh3Pp7zZqAAFs5dflh53BsvcD33Dzu0EcrVuFiE6fbPeOjlKakc_-v5qhfhRb6yFVUWHXJ2yz8fXetcrOqM/s320/forester.png" width="320" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;">Can we create this chart in Excel? In fact, it's not very complex and we have many solutions. For example, you can fill 10x10 cells with different color and then use "Camera" button to create a snapshot as a result chart. Here, we use a different solution. The final charts look like:</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEcu9bOauoiJrBMgb1BmZYdqiyMJiKT1VzopYZOHpiLrrLLCe-kD5pNYne0D-ARuPCY4L2J3BifGEXatbK2gymnBkS5GQfltBoQrng8_1-BK4F-wBZJmvTw2h9NYPUVBcEz-a6omaZiIQ/s1600/final-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEcu9bOauoiJrBMgb1BmZYdqiyMJiKT1VzopYZOHpiLrrLLCe-kD5pNYne0D-ARuPCY4L2J3BifGEXatbK2gymnBkS5GQfltBoQrng8_1-BK4F-wBZJmvTw2h9NYPUVBcEz-a6omaZiIQ/s1600/final-1.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB60I6rM7iKjdOube9z18YChbs3ykq9Y-8pZX-T9HC4mA_yjL0E3ADshKG_QqwSSXQt1d05HzW0GmmtnFA_xHFPX2-9kkMs3RozAqx0_3Hcx_kHii6WpT-PkJgQbeMmYLyj6D6YqF5qAc/s1600/final-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB60I6rM7iKjdOube9z18YChbs3ykq9Y-8pZX-T9HC4mA_yjL0E3ADshKG_QqwSSXQt1d05HzW0GmmtnFA_xHFPX2-9kkMs3RozAqx0_3Hcx_kHii6WpT-PkJgQbeMmYLyj6D6YqF5qAc/s1600/final-2.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Let's begin with the second one. The following table is the chart data. Column A is the percentage number. Now it's 32%. Column B is used checked how many fields will be covered with different colors. Column C & D will be used for grid line. You can use the following formula to fill the value of column B if you don't want to input theme one by one.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<span style="background-color: #fff2cc; font-family: "Courier New",Courier,monospace;">=MAX(0,MIN($A$1-(ROW(A1)-1)*10,10))</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRbRVcYTjKI7EeYdW-t3WVNviaRKcS7HO2tgQgV2_iWNLY52cJ91cIgDdNzj5sNVS5G5vTvNq-bN72s5zIkkk5pqUArpNjwNU-is6Q3jxXSN-pu_9HT9tizLDAKaV0OYATqgo5vIw0HBY/s1600/data-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRbRVcYTjKI7EeYdW-t3WVNviaRKcS7HO2tgQgV2_iWNLY52cJ91cIgDdNzj5sNVS5G5vTvNq-bN72s5zIkkk5pqUArpNjwNU-is6Q3jxXSN-pu_9HT9tizLDAKaV0OYATqgo5vIw0HBY/s1600/data-1.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 1: Create a draft clustered bar chart.</b></div><div style="font-family: Arial,Helvetica,sans-serif;">Select B1:B10 and insert a clustered bar chart into your worksheet. Change gap width of bar chart to 0 and then limit primary horizontal axis to [0-10]. You can get a chart like this.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm_79P0x5E775_UBF9ubFoAwEcvXlDgy4-pVkyFMBCXFfQcXYd1ut3aG9bWxTggPVdvDsNvY9XKePrX4UzMtTAM58Pn2daA0HoDOVh6wWn53Fparnm5clZWZ0cxAmCCexne6ooguqgDXE/s1600/gap.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="70" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhm_79P0x5E775_UBF9ubFoAwEcvXlDgy4-pVkyFMBCXFfQcXYd1ut3aG9bWxTggPVdvDsNvY9XKePrX4UzMtTAM58Pn2daA0HoDOVh6wWn53Fparnm5clZWZ0cxAmCCexne6ooguqgDXE/s320/gap.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiycl9QPorSjDlnVwVWr5x05yvLm2LQmfGjbR1H-K27YW8CDrb3w3i1kLiT0C6jgRhxwYymrse1Q_vGiloSMlTVRD3qGZrnLhngdK13ug9UuO-5LCAlvlKY3CKuFG2YZc9FIgFmY5nySaU/s1600/chart-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
Chart:</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiycl9QPorSjDlnVwVWr5x05yvLm2LQmfGjbR1H-K27YW8CDrb3w3i1kLiT0C6jgRhxwYymrse1Q_vGiloSMlTVRD3qGZrnLhngdK13ug9UuO-5LCAlvlKY3CKuFG2YZc9FIgFmY5nySaU/s1600/chart-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiycl9QPorSjDlnVwVWr5x05yvLm2LQmfGjbR1H-K27YW8CDrb3w3i1kLiT0C6jgRhxwYymrse1Q_vGiloSMlTVRD3qGZrnLhngdK13ug9UuO-5LCAlvlKY3CKuFG2YZc9FIgFmY5nySaU/s1600/chart-1.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<br />
<b>Step 2: Add grid line to create 10x10 fields.</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
√ 2.1 (Picture1) Select Column D and insert a new series into the above draft chart twice.<br />
√ 2.2 Choose the two new added bar charts and change chart type to "Scatter with only marks";<br />
√ 2.3 Change the X-value of the first scatter chart to column D, and Y-value to column E;<br />
√ 2.4 (Picture2) Change the X-value of the second one to column E, and Y-value to column D;<br />
√ 2.5 (Picture3) Enable error bar for these two scatter. For Y-axis, you'd enable X-plus error bar and for Y-axis, you'd enable Y-plus error bar.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXUz8WXvc7sYJcKyFQQwJUjqZCVgBRl_5OvYZRBBLSTYxoIQ9NkLGTwnoBPelog4FSClRkRr7_KIXKiGEjbbFqMMgnfdaNDxtrcEb85BiBiHlkNFYgV-lf8AT3JSTuLmqyC8jC6r4_LDk/s1600/grid.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXUz8WXvc7sYJcKyFQQwJUjqZCVgBRl_5OvYZRBBLSTYxoIQ9NkLGTwnoBPelog4FSClRkRr7_KIXKiGEjbbFqMMgnfdaNDxtrcEb85BiBiHlkNFYgV-lf8AT3JSTuLmqyC8jC6r4_LDk/s1600/grid.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
Step 3: beautify the result square pie chart.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB60I6rM7iKjdOube9z18YChbs3ykq9Y-8pZX-T9HC4mA_yjL0E3ADshKG_QqwSSXQt1d05HzW0GmmtnFA_xHFPX2-9kkMs3RozAqx0_3Hcx_kHii6WpT-PkJgQbeMmYLyj6D6YqF5qAc/s1600/final-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB60I6rM7iKjdOube9z18YChbs3ykq9Y-8pZX-T9HC4mA_yjL0E3ADshKG_QqwSSXQt1d05HzW0GmmtnFA_xHFPX2-9kkMs3RozAqx0_3Hcx_kHii6WpT-PkJgQbeMmYLyj6D6YqF5qAc/s1600/final-2.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<br />
We can also go further here. If we have many percent numbers, how can we add them into one square pie chart? Suppose we have the following raw data.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicWNC0qdTfAyLoQv5VCLLB64p5MQpP_-DFScWlvOowegkADL81EMI_8n9ZZfF4D0LIdhQffNgd5HTPsgf6DtLPyrIUTlgK3UEcPbSUwJXPw_KV43SYg7SIavRmfgo9ymGibCe1L2KbsSc/s1600/data-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="165" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicWNC0qdTfAyLoQv5VCLLB64p5MQpP_-DFScWlvOowegkADL81EMI_8n9ZZfF4D0LIdhQffNgd5HTPsgf6DtLPyrIUTlgK3UEcPbSUwJXPw_KV43SYg7SIavRmfgo9ymGibCe1L2KbsSc/s320/data-2.png" width="320" /></a></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;">Column B is the raw data. And column C is accumulated percent number of them. You can use the following formula to calculate it.<br />
=SUM($B$1:$B2)</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
Column E - I are the real data for chart. You can use the following formula<br />
Column E=MAX(0,MIN($C$1*100-(ROW(C1)-1)*10,10))<br />
Column F=MAX(0,MIN($C$2*100-(ROW(C1)-1)*10,10))<br />
...<br />
Column K & L is used for grid again.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Step 1. Create draft clustered bar chart.</b><br />
Select column I and insert a clustered bar chart into your worksheet. Then select column H, G, F, E and repeat the similar operation. You can get a normal clustered bar chart like this.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhS6-y8aJFE4vZPZlnsFQIMp7IsX0tLnm4T62qGlaU48SwqnwBkzb6NxsXcfNJh1SI2b3kBeL0cbCTIsHlTuWL4ubY4HM3l8MTrUAgFMDoAjaGNkkmaXI3h2PH5zJCtyNqnFerXvF5tZw/s1600/bar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhS6-y8aJFE4vZPZlnsFQIMp7IsX0tLnm4T62qGlaU48SwqnwBkzb6NxsXcfNJh1SI2b3kBeL0cbCTIsHlTuWL4ubY4HM3l8MTrUAgFMDoAjaGNkkmaXI3h2PH5zJCtyNqnFerXvF5tZw/s1600/bar.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTPGo3AwwzbEQWTc9vg5TngKlrUjWIypDitwRx0mJ_Drv-xqzQipXqyMTmrypEiJWxRey76-R0ly3TNH4Qyl9_S_0Y4U2d8vk1TGjBG1z791zGriHdLvZy53RZ_pHGqch51skaQUWEezs/s1600/over-gap.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<br />
<b>Step 2: Change bar chart into square pie chart.</b><br />
Change bar chart's gap width to 0 and series' overlap to maximum. You can get a draft square pie chart.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTPGo3AwwzbEQWTc9vg5TngKlrUjWIypDitwRx0mJ_Drv-xqzQipXqyMTmrypEiJWxRey76-R0ly3TNH4Qyl9_S_0Y4U2d8vk1TGjBG1z791zGriHdLvZy53RZ_pHGqch51skaQUWEezs/s1600/over-gap.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="147" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTPGo3AwwzbEQWTc9vg5TngKlrUjWIypDitwRx0mJ_Drv-xqzQipXqyMTmrypEiJWxRey76-R0ly3TNH4Qyl9_S_0Y4U2d8vk1TGjBG1z791zGriHdLvZy53RZ_pHGqch51skaQUWEezs/s320/over-gap.png" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheEDOU1hVBJ48SqAFjO2rfEjs3d63EsNczCnZSwK13NG4MEAIC0H8Io-y6TH72OsEYOKuTXcNB94YMRFl1ZlrHPLpkwGIfpkM0zsh1shvYNcLTl95fsC3Lw5v7M3XquS3edqnbzD-AZEk/s1600/pie.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheEDOU1hVBJ48SqAFjO2rfEjs3d63EsNczCnZSwK13NG4MEAIC0H8Io-y6TH72OsEYOKuTXcNB94YMRFl1ZlrHPLpkwGIfpkM0zsh1shvYNcLTl95fsC3Lw5v7M3XquS3edqnbzD-AZEk/s1600/pie.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<br />
<b>Step 3: Add grid line.</b><br />
This step is same as the previous one. You'd create a scatter chart at first and then enable error bars for it.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN95z4nkEX3rKJXsSwKu7Om5U-7ZLm4-s7chxmG1vAWZoj9oyDd-YazsILAlUU77rR53NLVn9H4ZHwjlQo7WaLujd9YPAIX9eEpoN6G_yCJHsp3aLnPj5WUozdglb-vRBoy7nlqaVfouo/s1600/draft-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN95z4nkEX3rKJXsSwKu7Om5U-7ZLm4-s7chxmG1vAWZoj9oyDd-YazsILAlUU77rR53NLVn9H4ZHwjlQo7WaLujd9YPAIX9eEpoN6G_yCJHsp3aLnPj5WUozdglb-vRBoy7nlqaVfouo/s1600/draft-2.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<br />
In fact, your chart has been done until now. Apply a professional theme and promote your chart as a good example.<br />
√ 1. Add chart title and child title. All these charts from professional magazine usually have two titles.<br />
√ 2. Add some small decoration to make your chart vivid.<br />
√ 3. Color is another important thing.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjlstk5HdCN_Msgd-DJDNoIlCDpc-qqwiLLk_QNalQ_Ubu3NWmXMa6NhKF8oa9-cPbTLflePioROvLyer8W5ICrrhF4-txiirRrHqHKVZvHG9YsQ6vHM2D9td9AZ-CA4doATw9xg6B_CA/s1600/result.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjlstk5HdCN_Msgd-DJDNoIlCDpc-qqwiLLk_QNalQ_Ubu3NWmXMa6NhKF8oa9-cPbTLflePioROvLyer8W5ICrrhF4-txiirRrHqHKVZvHG9YsQ6vHM2D9td9AZ-CA4doATw9xg6B_CA/s1600/result.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0tag:blogger.com,1999:blog-4693409178141512812.post-53416011301450414382011-05-29T19:28:00.000-07:002011-05-29T19:28:53.071-07:00Excel Chart: Customize Axis Label to Create Personality Charts<div dir="ltr" style="text-align: left;" trbidi="on"><div style="font-family: Verdana,sans-serif; text-align: right;"><span style="font-size: x-small;">Download <span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"><b><a href="http://www.ucmapi.com/download.php?id=c51a880d-22cb-4d40-ab9f-e7b433d4a0ab">Office Tab</a></b></span></span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><i><span style="font-size: x-small;">Enable Tabbed View for Word, Excel, PowerPoint, Project & Visio</span></i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s1600/xUntitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s200/xUntitled.png" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tZeoD33hHF3_0Q7lSBlRfFzAOObv_DeYvHqd8gP02vORjyTxn5Pgr0xPLLfQFfId0pKFsibydi62pG_HIzUWFSmNnouCOZ6RS_LnLs_2Y0FTZ-3XGCIEDTIAFs2LKsqAdvOu0Twal0/s1600/Untitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a><br />
<hr /><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;"></span><br />
<span style="font-family: Arial,Helvetica,sans-serif;">We've created some useful charts in our previous posts. This time, let's do a small summary about axis labels. Even though axis labels are very common, you can customize them to promote your chart. I find 3 different usages from my collection.</span><br />
<br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Case 1: Put Axis Labels among Bars</span></b><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">When the axis labels are long, it's not a good solution to display them below axis. Professional magazines usually put them among bars. The following chart comes from the Business Week. Axis label is above bar items. Excel does not support this, but we can implement it very easy.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSjEeod0l1zlxPsDYV7tE_akLXRaq_lawJwZRi5c5iUAqjQvJzdSzxBhaupYhEAgkFN-uat6PbDtpbmOYlnkEQx_1vYvi1suX1jBRKyEeD3IvM6fGibfzK0DXlMCWfYqp8UZmRrzH-QWU/s1600/bar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSjEeod0l1zlxPsDYV7tE_akLXRaq_lawJwZRi5c5iUAqjQvJzdSzxBhaupYhEAgkFN-uat6PbDtpbmOYlnkEQx_1vYvi1suX1jBRKyEeD3IvM6fGibfzK0DXlMCWfYqp8UZmRrzH-QWU/s1600/bar.png" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">We need an auxiliary data series and the "Data Label Updater" tool for this case. The first column of the following data table is the raw data. The second column is axis label and column C & D will be used to control label position.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha9PwdFLHQkg6POvRCpWnzl4aumyM9P_JTowh4dihQFPOvODjZSfbkv9BPbtQhZCrlfKFGVr682xd9sDTj_fMukTLW_j9jHb2-4hljOkMCx6zP9Wvs1GJwSCsGS_7KoSWGMPg_Ot-O-IA/s1600/data-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha9PwdFLHQkg6POvRCpWnzl4aumyM9P_JTowh4dihQFPOvODjZSfbkv9BPbtQhZCrlfKFGVr682xd9sDTj_fMukTLW_j9jHb2-4hljOkMCx6zP9Wvs1GJwSCsGS_7KoSWGMPg_Ot-O-IA/s320/data-1.png" width="320" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">1.1 Select column A and insert a clustered bar into your workbook.</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">1.2 Select column C & D and insert a "scatter with only marks" into your chart.</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">1.3 Enable data label for scatter chart.</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Your chart will look like this:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR9PJYKEpAl_CFoAYSiV5V2cUbhWOGAtNpKsPDyQXBjoDDBTcbGmLtTw1vVEuPE_xDMXwjxyloiG_RePIwc8OVXTFd18wkW6bcOvIYuUK7RGCHR2qQZb8f1XCGq2DfpNAorYAAVjUBApU/s1600/draft-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR9PJYKEpAl_CFoAYSiV5V2cUbhWOGAtNpKsPDyQXBjoDDBTcbGmLtTw1vVEuPE_xDMXwjxyloiG_RePIwc8OVXTFd18wkW6bcOvIYuUK7RGCHR2qQZb8f1XCGq2DfpNAorYAAVjUBApU/s320/draft-1.png" width="320" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">The above chart looks urge. How to control data label's width and display them in single line? Excel has no configure for this. But I find a solution for it. For scatter charts' data label, the width is controlled by the width of chart area. But other charts such as bar or column, the data labels' width is controlled by bar chart itself and plot area. This is the reason I choose scatter as my data labels controller. So if you expand the chart area, the data label will become single line at last. Notice you must keep the width of plot area when you expand the chart area. After that, the chart looks like:</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrBtTKtlyQbStxRfLC4LcMR9SjTCfZj4DV_nu5eSVZHXPobjJPZNkq5GGl0hvrQY5LOtLp-tRCKTVYJpzXjk_42XmMkzBdoeS_sxQ6HNozlFrLOvVInm-anQGJbZbLDKogeRqDzjZAOlw/s1600/chartarea.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="87" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrBtTKtlyQbStxRfLC4LcMR9SjTCfZj4DV_nu5eSVZHXPobjJPZNkq5GGl0hvrQY5LOtLp-tRCKTVYJpzXjk_42XmMkzBdoeS_sxQ6HNozlFrLOvVInm-anQGJbZbLDKogeRqDzjZAOlw/s320/chartarea.png" width="320" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">1.4 Beautify your chart and add title and cut useless part away, your chart will become this one.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAleA5xlHiXK0liosWozNNJmtho0EW8NyE_KHshcdAhBK7HNwBRxAWJWTzzHe3hkK-2BUq8Hc5HUX98jKLL38pdBIV6KedmwPMtJjml4TPf3OjuERgSF24oGWGrjAASCA5wfTNDObDpxM/s1600/final-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAleA5xlHiXK0liosWozNNJmtho0EW8NyE_KHshcdAhBK7HNwBRxAWJWTzzHe3hkK-2BUq8Hc5HUX98jKLL38pdBIV6KedmwPMtJjml4TPf3OjuERgSF24oGWGrjAASCA5wfTNDObDpxM/s200/final-1.png" width="198" /></a></div><br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Case 2: Put Axis Label at random position of column chart</span></b><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">We can use the similar technology to put axis label at random position of a column chart. The following chart put axis label left edge of column bar.</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Data Table: The raw comes from internet.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeHIfNCfQOYxi8loGBNIeichRJ5McznhPqStXqWNc42L8GzuvaBLV7IUu5NUJZrPIwLYP4fZYJvrnnp_4l1ceEzsdvAWg0GqMc0XUmKCfV5IXRoSwk3FO1bZMCbjFjI4rqqF1FDmXGXm4/s1600/data-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeHIfNCfQOYxi8loGBNIeichRJ5McznhPqStXqWNc42L8GzuvaBLV7IUu5NUJZrPIwLYP4fZYJvrnnp_4l1ceEzsdvAWg0GqMc0XUmKCfV5IXRoSwk3FO1bZMCbjFjI4rqqF1FDmXGXm4/s320/data-2.png" width="320" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">Draft Chart: Select column A & B to create a clustered column chart and add column D & E as scatter chart on secondary plot area. Enable data labels for the scatter chart.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj02IjFte0KAZ2Tw0oGPVEPdI7X9tVIVFjcWYX5o-6G0pInymlNWEyBiWsEwjc5ktLCukLFOrVH79rurQK7n_ON0TMojsSu4BIEa0q_IemKOMOnHwk8Pruqyn3dB0kvXHehVmKiZeMsllI/s1600/draft-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj02IjFte0KAZ2Tw0oGPVEPdI7X9tVIVFjcWYX5o-6G0pInymlNWEyBiWsEwjc5ktLCukLFOrVH79rurQK7n_ON0TMojsSu4BIEa0q_IemKOMOnHwk8Pruqyn3dB0kvXHehVmKiZeMsllI/s1600/draft-2.png" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">Result Chart: Maybe you've found the axis labels are put at the left edge of column items. You can even move data label out of the column items now. But by default, you cannot control data labels' position in Excel directly.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkc6A9DNaKTtwXjNr_4dx2ECm9wySvZznAOdDijLGnwyObVV2ziTlwoRzBeiSjVfoe2iUi2DD_NFVtv9PZ14eqsWSUkBOx5tl6F0_EUZIkG64b51-uqKCbhpAfm8H1c0259hmNjEekoCU/s1600/final-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkc6A9DNaKTtwXjNr_4dx2ECm9wySvZznAOdDijLGnwyObVV2ziTlwoRzBeiSjVfoe2iUi2DD_NFVtv9PZ14eqsWSUkBOx5tl6F0_EUZIkG64b51-uqKCbhpAfm8H1c0259hmNjEekoCU/s320/final-2.png" width="320" /></a></div><br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Case 3: User Icon as axis label</span></b><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">When the chart has relation with country, we usually use national flag as part of axis label. The following chart comes from the Economist.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2fTNEVrXHEgv1QTsSioNoH0IReHJ0Z2SaY92wRWtr6aumsaxRuUjVqClZAtVOOzhXdSk3l1hN2Rzy1xzsWkhLNEDW1sLnmoWFS31-k8VwDZHZnMr5L-ec3sl2jTrf3FucuntOCJUSYw/s1600/flag.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio2fTNEVrXHEgv1QTsSioNoH0IReHJ0Z2SaY92wRWtr6aumsaxRuUjVqClZAtVOOzhXdSk3l1hN2Rzy1xzsWkhLNEDW1sLnmoWFS31-k8VwDZHZnMr5L-ec3sl2jTrf3FucuntOCJUSYw/s320/flag.png" width="320" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">Let’s get all data from the above chart. The column C & D will be used for data label.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifI6bUllc10rf1N-xdAxxTRRy64GdwcJhdVxIV29GkrSJtQ183cjaVebmGRbq5_Ty6hPraeql7XCLtFkEJlZtuK8J31XzEdJ9taeJwenJgDyVzlvO1_LlsCoq7HYme8F4K_hVhyphenhyphenDOOuzk/s1600/data-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifI6bUllc10rf1N-xdAxxTRRy64GdwcJhdVxIV29GkrSJtQ183cjaVebmGRbq5_Ty6hPraeql7XCLtFkEJlZtuK8J31XzEdJ9taeJwenJgDyVzlvO1_LlsCoq7HYme8F4K_hVhyphenhyphenDOOuzk/s1600/data-3.png" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">3.1 Select Column B and insert a bar chart into workbook</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">3.2 Select Column C & D and insert a scatter chart into workbook onto the secondary plot area.</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">3.3 Enable data label and update data label to countries</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">3.4 Select each mark in scatter chart and paste a national flag and label icon.</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjToy8sFlqTxmaafZdeJTMTlhnv3Y5BASnMi31oqU9xqTNEdpj1oTIuhfJXH-caMi2-Xvw7H0ly5UfOHc4KSeDNKnMYAdHcDMVc-c8ODFv2Pg91V5IhwtLbYji86TMErt3BA80-sEReSAM/s1600/draft-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjToy8sFlqTxmaafZdeJTMTlhnv3Y5BASnMi31oqU9xqTNEdpj1oTIuhfJXH-caMi2-Xvw7H0ly5UfOHc4KSeDNKnMYAdHcDMVc-c8ODFv2Pg91V5IhwtLbYji86TMErt3BA80-sEReSAM/s1600/draft-3.png" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">3.5 Apply different color and theme; Add title and sub-title; Append foot and comment.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFUil7rxcG2QaHt1Ed9JfLlLIMIqrekxDeEhmFyGCoHS3tln-iLLQBjLonKC84xqG8zCctQY6Y2B8EHZVGzwDvUcCZVLf3rVjQsl6EYu78xFJUwfc-z-530D7tpvInzvCyH284K1S9Kpw/s1600/final-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFUil7rxcG2QaHt1Ed9JfLlLIMIqrekxDeEhmFyGCoHS3tln-iLLQBjLonKC84xqG8zCctQY6Y2B8EHZVGzwDvUcCZVLf3rVjQsl6EYu78xFJUwfc-z-530D7tpvInzvCyH284K1S9Kpw/s320/final-3.png" width="320" /></a></div></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0tag:blogger.com,1999:blog-4693409178141512812.post-7337086348166134802011-05-19T20:11:00.000-07:002011-05-20T22:16:43.582-07:00Excel Chart: How to Add Broken Icon at Low Part of Y Axis<div dir="ltr" style="text-align: left;" trbidi="on"><div style="font-family: Verdana,sans-serif; text-align: right;"><span style="font-size: x-small;">Ad <span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"><b><a href="http://www.ucmapi.com/download.php?id=c51a880d-22cb-4d40-ab9f-e7b433d4a0ab">Office Tab</a></b></span></span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><i><span style="font-size: x-small;">Tabbed View for Word, Excel, PowerPoint, Project & Visio</span></i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s1600/xUntitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s200/xUntitled.png" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tZeoD33hHF3_0Q7lSBlRfFzAOObv_DeYvHqd8gP02vORjyTxn5Pgr0xPLLfQFfId0pKFsibydi62pG_HIzUWFSmNnouCOZ6RS_LnLs_2Y0FTZ-3XGCIEDTIAFs2LKsqAdvOu0Twal0/s1600/Untitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a><br />
<hr /><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">I've reviewed all my collection and found we usually used broken icons for 3 scenarios. Last week, I posted an article for the first scenario "Broken bar chart to avoid browning from very large values". Today let's practice how to put a broken icon on Y axis at low part. The following chart gives us an example why we need broken icon at the low part. All data of the chart is a little large and the whole line chart looks a lamp suspended from the ceiling.</span><br />
<br />
<div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3cl_DJq8q1SfTj3VsdpZ71a6ZszWBu8sNe3sRXQXXi2eZVADFv8IG8RDFCc033ra3l6zx1Tuulp4_Y1zE2Ae8GoGFGV9EqhTXGGflHtvc_5o5SWL6HEt6QWFEsZQLYkXXfKop0eyNIRM/s1600/error.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3cl_DJq8q1SfTj3VsdpZ71a6ZszWBu8sNe3sRXQXXi2eZVADFv8IG8RDFCc033ra3l6zx1Tuulp4_Y1zE2Ae8GoGFGV9EqhTXGGflHtvc_5o5SWL6HEt6QWFEsZQLYkXXfKop0eyNIRM/s200/error.png" width="146" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">How to solve this issue? We can limit Y axis to [20-50]. But the Bloomberg uses a different method. The following chart comes from its website. A broken icon is added at the low part of Y axis to stand for [0-40]. Even though this chart looks complex, it gives us a different choice to solve this issue.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI2yeMv7mcRgQHvNEmId6eS_sBHzDs-zqK0BO6AKDrV6djJUcjt6rOThxUfXWDKHCOafCDjSZ3ysEdoFFtfQM2w06mmwcA1xI6EXzC1Yxf5heywi-nxkiuuH9wfInuwipbKPK16EvUTq0/s1600/bloom.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI2yeMv7mcRgQHvNEmId6eS_sBHzDs-zqK0BO6AKDrV6djJUcjt6rOThxUfXWDKHCOafCDjSZ3ysEdoFFtfQM2w06mmwcA1xI6EXzC1Yxf5heywi-nxkiuuH9wfInuwipbKPK16EvUTq0/s200/bloom.png" width="133" /></a></div><span id="goog_433999089"></span><span id="goog_433999090"></span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">How to create this chart in Excel? I tried it in Excel 2003, 2007 and 2010 and found broken icon can be added in all version of Excel but if you want to fill with broken icon with color like the above chart, You need more work. The following chart is created in Excel 2010.</span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlk0piG722Zc4OvQsYh6klZVBFE05nXobJfFuRgk7xd7a56pyVU-gIZtiSzHykWNZvvIh6nimEeqMVFDKBYTGh0tbacd9jeKZcaHA_Yxyf60Isw7eirmMWQAJW3YwxB615wGoyKxce8dY/s1600/final.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlk0piG722Zc4OvQsYh6klZVBFE05nXobJfFuRgk7xd7a56pyVU-gIZtiSzHykWNZvvIh6nimEeqMVFDKBYTGh0tbacd9jeKZcaHA_Yxyf60Isw7eirmMWQAJW3YwxB615wGoyKxce8dY/s1600/final.png" /></a></div><br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Pre-request: Suppose we have the following raw data.</span></b><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Column A includes all raw data. We can find they are a little large for a normal line chart. We create an auxiliary data sequence for it and save then into column B. Column C will be used as background.</span><br />
<br />
<span style="background-color: #fff2cc; font-family: "Courier New",Courier,monospace;">=$A2-20</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKDauAISha24nl923JQ6DWwCEVByF1kMo5NhUT05MVvDjpUzBjlIH16meJiwMqUXaPDckMp2d9lwy0IlSFHZRUNayf8PemUDGuGyXWHtDyVOGng6r-KKceCA9XGKcdANjbnnZ-EzaAbLY/s1600/data.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKDauAISha24nl923JQ6DWwCEVByF1kMo5NhUT05MVvDjpUzBjlIH16meJiwMqUXaPDckMp2d9lwy0IlSFHZRUNayf8PemUDGuGyXWHtDyVOGng6r-KKceCA9XGKcdANjbnnZ-EzaAbLY/s200/data.png" width="115" /></a></div><br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Step 1: Create an Area Chart as background.</span></b><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Select column C, column B and insert an Area chart into your workbook. Limit your primary axis to [0-40]. This is a basic background chart.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzpoYhSU376T5hcQfC95-gTE9ehGZagCDpFrzU7JRpMmobuDUQZScqDIaFtkFK955E0-BptIdLDlZsVEZnMugWEE8REsjV-vdGWVBQmBSXOdWlblwTygui0QBzkQO8WsYZVbpt38e79Yo/s1600/area.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzpoYhSU376T5hcQfC95-gTE9ehGZagCDpFrzU7JRpMmobuDUQZScqDIaFtkFK955E0-BptIdLDlZsVEZnMugWEE8REsjV-vdGWVBQmBSXOdWlblwTygui0QBzkQO8WsYZVbpt38e79Yo/s1600/area.png" /></a></div><br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Step 2: Add broken icon.</span></b><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">As we all know, Excel does not support free shape filling. Or in other words, you cannot create a closure scatter line chart and fill it with solid color. But we have to add a small triangle as our broken icon. We can use a picture as a broken icon. But picture cannot resize itself according to chart. I find another solution for this issue. Use lot of scatter line to simulate filling. This solution is only suitable for small shapes, or the performances will not be high.</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">For triangle's filling, there are many auxiliary data. I just list part of them. If you want more, please drop me a mail. Please see the following data table. </span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR_OxFGydFUs-yxHPooWqrO4xlpsqhZ1aqeMm2aj9ZK1SpSfMxjmsLj6r9QkEBb5WW8EWu4RcPRI756whOyQo0xamlmyf6n-T0A-ihdiTf_jjOnwiBC4aBZzmdjTWmH6ZffSSOnItM38c/s1600/broken.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR_OxFGydFUs-yxHPooWqrO4xlpsqhZ1aqeMm2aj9ZK1SpSfMxjmsLj6r9QkEBb5WW8EWu4RcPRI756whOyQo0xamlmyf6n-T0A-ihdiTf_jjOnwiBC4aBZzmdjTWmH6ZffSSOnItM38c/s200/broken.png" width="200" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">Select your chart and right click to launch "Select Data Source" dialog. Click "Add" button to add "broken" data into your chart. Right click the new added data and change its chart type to "Scatter with Straight Lines". You also need limit your secondary vertical axis to [0-40]. After that, your chart should like this.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGB95S0fiDTDC3mSBCwHtwx70yrR47sxIqJ9J1_nwFfnCnwB9wG8bWBgECTwhOp0v9jDc7TO95rhlZk_7YLMBQf57RU1jjGvivE37V4FBkmBoGuybyABFWFdbygB3zMMjoHYCVvwzkiRY/s1600/icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGB95S0fiDTDC3mSBCwHtwx70yrR47sxIqJ9J1_nwFfnCnwB9wG8bWBgECTwhOp0v9jDc7TO95rhlZk_7YLMBQf57RU1jjGvivE37V4FBkmBoGuybyABFWFdbygB3zMMjoHYCVvwzkiRY/s200/icon.png" width="200" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyMxo6kVW8Y5MUoiUH0FHBf_zfFUhyphenhyphenYFu4SFxUqY6RUuzXm9fmkcf7r32KoFaigIlA8pqwWwsCCEOq6mM1WAnFpCdxy8NZ5fy-1Yib7NRWQcl7HxtyZNuBA2W70GDDQcXnPOTxVTe1Ols/s1600/axis.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Step 3: Add grid line, border and axis.</span></b><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Grid line and borders will be a series of scatter chart. The following tables list axis data and grid line data. Add them one by one into your chart. You'd also notice this tip: Axis should be added as the last scatter line chart so that Excel can draw the axis over other charts.</span><br />
<br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Axis Data</span></b><br />
<br />
<div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyMxo6kVW8Y5MUoiUH0FHBf_zfFUhyphenhyphenYFu4SFxUqY6RUuzXm9fmkcf7r32KoFaigIlA8pqwWwsCCEOq6mM1WAnFpCdxy8NZ5fy-1Yib7NRWQcl7HxtyZNuBA2W70GDDQcXnPOTxVTe1Ols/s1600/axis.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyMxo6kVW8Y5MUoiUH0FHBf_zfFUhyphenhyphenYFu4SFxUqY6RUuzXm9fmkcf7r32KoFaigIlA8pqwWwsCCEOq6mM1WAnFpCdxy8NZ5fy-1Yib7NRWQcl7HxtyZNuBA2W70GDDQcXnPOTxVTe1Ols/s200/axis.png" width="110" /></a></div><br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Grid line & Border</span></b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvAHoo-llMJGmcIunjQkM1Ot7ciafEM0hYvlxG9JY5AgJdhI4oeakOAXTIIfnVQACPp-rEl2veJWqNf3kTUxGa1garWVtD5Txk0ee-Ztfivrrin7GghlUn5dkWhOaj-n6ECAbwptTtjus/s1600/grid.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvAHoo-llMJGmcIunjQkM1Ot7ciafEM0hYvlxG9JY5AgJdhI4oeakOAXTIIfnVQACPp-rEl2veJWqNf3kTUxGa1garWVtD5Txk0ee-Ztfivrrin7GghlUn5dkWhOaj-n6ECAbwptTtjus/s1600/grid.png" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">After create all scatter line chart, your chart should be:</span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN9bYbwNjhUVV_93LDKvAJfrXIA34LjeSnVLi9P0WOP5v_axVfQcKlApWQylqiffGN-Rs5u4WUFblapiMEXcsuOKMHUg8dl4tvuFlcj-1HaBSjkbdmzYa9HcrlfX9bAn53zyE75MEwY14/s1600/draft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN9bYbwNjhUVV_93LDKvAJfrXIA34LjeSnVLi9P0WOP5v_axVfQcKlApWQylqiffGN-Rs5u4WUFblapiMEXcsuOKMHUg8dl4tvuFlcj-1HaBSjkbdmzYa9HcrlfX9bAn53zyE75MEwY14/s1600/draft.png" /></a></div><br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Step 5: Add real line chart</span></b><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">It's very easy. Select column B from the raw data table and insert as a "Scatter with straight line" into your chart. Cool, we've finished most of working.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_74UF-KkUw0lzEP0D-8Ff2dPmaG5fz6Fb4M5HF_Z7CvXtnkzp045LQ2RzW5Bp422WIWVxRBol81pODB9HYrkdfek-1a4mgfpnw5GtXC22MpIsrpJiSyNtrc2dtTLeFBzsPv2f7zgfYEs/s1600/chart.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_74UF-KkUw0lzEP0D-8Ff2dPmaG5fz6Fb4M5HF_Z7CvXtnkzp045LQ2RzW5Bp422WIWVxRBol81pODB9HYrkdfek-1a4mgfpnw5GtXC22MpIsrpJiSyNtrc2dtTLeFBzsPv2f7zgfYEs/s1600/chart.png" /></a></div><br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Step 6: Beautify your chart</span></b><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Your chart should be meaningful and attractive. Both are very important. You’d collect lots of examples or consult some experts.</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">6.1 Change background</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">6.2 Change line style and line color of grid line, border and axis</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">6.3 Change line style of real data line</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">6.4 Add chart title and chart footer</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCkWa5gK3wVr08I17jP7EXgd9Qc0SHYMXw0oZJsdo4tWfBxCpNC-_jvQ0_0bF-JDBQb8fCyitklBXH8uKuEPunHW-waEo9uU63PgZEVSjW6kvr-gdFGKTQa6ydUAqLa8ybYp4ivcoK43w/s1600/result.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCkWa5gK3wVr08I17jP7EXgd9Qc0SHYMXw0oZJsdo4tWfBxCpNC-_jvQ0_0bF-JDBQb8fCyitklBXH8uKuEPunHW-waEo9uU63PgZEVSjW6kvr-gdFGKTQa6ydUAqLa8ybYp4ivcoK43w/s200/result.png" width="150" /></a></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0tag:blogger.com,1999:blog-4693409178141512812.post-23488149261407896722011-05-15T19:24:00.000-07:002011-05-16T22:23:51.179-07:00Excel Chart: Use Multiple Secondary Axes to Put >=3 Kinds of Data in One Line Chart<div dir="ltr" style="text-align: left;" trbidi="on"><div style="font-family: Arial,Helvetica,sans-serif;"><div style="font-family: Verdana,sans-serif; text-align: right;"><span style="font-size: x-small;">Ad <span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"><b><a href="http://www.ucmapi.com/download.php?id=c51a880d-22cb-4d40-ab9f-e7b433d4a0ab">Office Tab</a></b></span></span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><i><span style="font-size: x-small;">Tabbed View for Word, Excel, PowerPoint, Project & Visio</span></i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s1600/xUntitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s200/xUntitled.png" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tZeoD33hHF3_0Q7lSBlRfFzAOObv_DeYvHqd8gP02vORjyTxn5Pgr0xPLLfQFfId0pKFsibydi62pG_HIzUWFSmNnouCOZ6RS_LnLs_2Y0FTZ-3XGCIEDTIAFs2LKsqAdvOu0Twal0/s1600/Untitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a><br />
<hr /><br />
<br />
<br />
I my previous post, I practice how to use broken icon to stand for very large values in a bar chart. In fact, this method is only suitable for those data with the same data type. All data of the previous post is internet users and the percent value (Users/global internet users, you can think it as the other data type) is listed as data label at the left side. If we want to draw the percent and users count in one chart at the same time. What will happen? You will get the following chart. How to solve it or How to put data with different type (say >= 3) into one chart?</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM15VWIasWvHEP9nu5jRI-Qe9ZlpgWQKOaW-1w1gpNzihiVSv6dRoh3hzBRrcqF4Wip0bUYl3IXejjVs8R_UGKzrdNJIM-bSKEyN9F5O3dWB5F0HnFKmvBDqcSaVWib-Jgr5TACuAbkXE/s1600/error.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM15VWIasWvHEP9nu5jRI-Qe9ZlpgWQKOaW-1w1gpNzihiVSv6dRoh3hzBRrcqF4Wip0bUYl3IXejjVs8R_UGKzrdNJIM-bSKEyN9F5O3dWB5F0HnFKmvBDqcSaVWib-Jgr5TACuAbkXE/s1600/error.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">We usually use "primary axis" and "second axis" to solve two data types. Or we can create multiple charts and overlap them one by one. </div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
Here is another solution. Use scatter chart to simulate a multiple secondary axes line chart. In fact, this solution is not complex; we just need create some auxiliary data and convert different type of data into the same type. For example, in the previous post, we can divide internet users by 1000, now all data is at the same level. Add an axis for that series to restore readers’ feeling of the real data. The following chart demos this solution.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTvX8B8HWVgqkBxxD-6giRxuP6vrMmGDVdSDQOJYk6rs4QgDs1jz0ST59o111fFY1Cu9w75yUBxwOrlYm6UZ1eMf45h-w508KEMKIdlXD3xsqg7jKDgcPcEuIHPGnybFpReV48uevGBk/s1600/final.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTvX8B8HWVgqkBxxD-6giRxuP6vrMmGDVdSDQOJYk6rs4QgDs1jz0ST59o111fFY1Cu9w75yUBxwOrlYm6UZ1eMf45h-w508KEMKIdlXD3xsqg7jKDgcPcEuIHPGnybFpReV48uevGBk/s1600/final.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNWHAzGTlkzU4C7IweWKmrfrnEmPClDAXoo0jxJTToi1tu37Y8CjP1a1ed1PYUbGiVTWxniyz0kYDlOzVAXImf8eRcOccujuf_sENNxpF6zdZlg9984pdO-aOK3x1L7gMEtg6nli__6OQ/s1600/final.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Pre-request:</b> Suppose we have the following data. A factory has 10 product lines and each line has different output, cost and product defective rate. And we want to draw 3 lines on one chart. </div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSt0e8jxTwwEVXaEvIfO1BUPZQRDZhRI5D5-rKMzlawHJUSbpdKO15_oYtMEFhrcXfpuJFCXiNubEnhO8ujqS6kvxr-Qu1MO4ndQbgXUgdIuLPI2iq182JvoDvy-yeEFrwdzKc-FkHVHI/s1600/data.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSt0e8jxTwwEVXaEvIfO1BUPZQRDZhRI5D5-rKMzlawHJUSbpdKO15_oYtMEFhrcXfpuJFCXiNubEnhO8ujqS6kvxr-Qu1MO4ndQbgXUgdIuLPI2iq182JvoDvy-yeEFrwdzKc-FkHVHI/s1600/data.png" /></a></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><b>Step1: Create auxiliary data to simulate multiple Y axes.</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3ORwirmbf6oC47LCXZ6qcE3sKOgy9usHETJyCT0jlZXZyXy4w9buGqLePQXV9kKNd-ffypy8gAAFViiMbnv7oLKNC1lKUqJVqmNRY8Idlb11Zg_44OF93IWBRC_Swd3IRioT2duVfDVo/s1600/axis.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3ORwirmbf6oC47LCXZ6qcE3sKOgy9usHETJyCT0jlZXZyXy4w9buGqLePQXV9kKNd-ffypy8gAAFViiMbnv7oLKNC1lKUqJVqmNRY8Idlb11Zg_44OF93IWBRC_Swd3IRioT2duVfDVo/s1600/axis.png" /></a></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;">In order to put 3 kinds of data into one chart, we need 3 axes. In scatter chart, we usually use one or multiple data series to simulate axes. The above auxiliary data will be used to create 3 Y axes. Select the range [F2-I12] and insert a scatter line chart into your workbook. Your chart should be.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYjgD6rmCLa_u5PZZtxUWrcvA7021KkwpOmbn8KlylZdXwSQXSmGE6c_qkP-_juSzoEL6UmYyNjPBnlw_5WVRReqqujbfexe8MkGkPjJT8EroWqJX6nFgclWEBwO1D9R9jwJTOM_PYZ_w/s1600/axes-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYjgD6rmCLa_u5PZZtxUWrcvA7021KkwpOmbn8KlylZdXwSQXSmGE6c_qkP-_juSzoEL6UmYyNjPBnlw_5WVRReqqujbfexe8MkGkPjJT8EroWqJX6nFgclWEBwO1D9R9jwJTOM_PYZ_w/s1600/axes-1.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;">Switch X & Y value for each series to make 3 data series vertical orientation. We'd also limit the primary axis to [-5-11]. Your chart will look like this.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwmfgRR9rMp34tMfRT7PxmWp3OPWsjOsbHa6VmQvWC0jc89yHGxsGzlxkUInq7k7cfMobB1vJedUnA8PkKgzo_kkZLJ9AerGTLIda_0_m3NwUsPc0Y0ZMvrnwtFZydxTaABMcnMuSFaxI/s1600/axes-2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwmfgRR9rMp34tMfRT7PxmWp3OPWsjOsbHa6VmQvWC0jc89yHGxsGzlxkUInq7k7cfMobB1vJedUnA8PkKgzo_kkZLJ9AerGTLIda_0_m3NwUsPc0Y0ZMvrnwtFZydxTaABMcnMuSFaxI/s1600/axes-2.png" /></a></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><b>Step2: Convert all raw data into the same data type.</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg73vLwAj-YeVIMXpJt6G64Zpyapb_MZLz570gpISEKIwIjdFdfH3Pati4_JCa6D4VQe7EUbYgonk6JI5HRahZmlvStf3_I_sREeuCcRZw927RUjowwODyWgP3UeuUpi1zTQ2ag9PFnF2A/s1600/level.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg73vLwAj-YeVIMXpJt6G64Zpyapb_MZLz570gpISEKIwIjdFdfH3Pati4_JCa6D4VQe7EUbYgonk6JI5HRahZmlvStf3_I_sREeuCcRZw927RUjowwODyWgP3UeuUpi1zTQ2ag9PFnF2A/s1600/level.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Maybe you've found, if you divide column B by 100, column C by 1000 and multiply column D by 100, all data will be formatted to the same level. </div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH3YqYiXk7ylXKnPKd_Iqg_umo2r_nppoQpjJ2VsB5FV_iKSISYH_IC_06CcPe_1SGNTPBBIPYcJ_PKgaT9HhD-L5O7QUx6X9FDOS79KQ5SqbsarqCQ2wTxbxnAPdw3J2rdSoKBVY8op4/s1600/draft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH3YqYiXk7ylXKnPKd_Iqg_umo2r_nppoQpjJ2VsB5FV_iKSISYH_IC_06CcPe_1SGNTPBBIPYcJ_PKgaT9HhD-L5O7QUx6X9FDOS79KQ5SqbsarqCQ2wTxbxnAPdw3J2rdSoKBVY8op4/s1600/draft.png" /></a></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;">Add all these data into the draft chart as real line chart. Your chart will look like this. Now, there are 6 series. 3 of them are axes.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 3: Prepare data label for axes</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBhaZ_1lXPLGFiiEoZCLwxzRIO29Cb3izaZYeHIpc1N45AUEwdz6Nx3zk51WbMfoly0ygjbhdNOwCM8L21iKueNmzP8T5FuGcKSknI0b5PiN0xOSwUgrsvqJedYhTa3NqRSEYeSFM8iLo/s1600/legend.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBhaZ_1lXPLGFiiEoZCLwxzRIO29Cb3izaZYeHIpc1N45AUEwdz6Nx3zk51WbMfoly0ygjbhdNOwCM8L21iKueNmzP8T5FuGcKSknI0b5PiN0xOSwUgrsvqJedYhTa3NqRSEYeSFM8iLo/s1600/legend.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">In fact, there are 3 secondary axes here. And they will stand for different data type. The most left is cost($) and the most right one is Defective Rate. Let's prepare the following data as data label for these axes. Use our "update data label tool" to change all data labels' content to different values. We also need enable error bars for them at the same time so we can get tick mark for each axis. </div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDe-4Z-ApOG84ncOam5gtQikLzeeDLa7MAFP58KI9g0MM2L1k1h0dL7f1nEkKmDyJy60K-r7EGACDU5dJZArhX8ub_-_TxPou_PxC1mHxw-_mPqAIPkPuqiY08L5AQ-ekl4yU7ebhImrc/s1600/draft-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDe-4Z-ApOG84ncOam5gtQikLzeeDLa7MAFP58KI9g0MM2L1k1h0dL7f1nEkKmDyJy60K-r7EGACDU5dJZArhX8ub_-_TxPou_PxC1mHxw-_mPqAIPkPuqiY08L5AQ-ekl4yU7ebhImrc/s1600/draft-1.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 4: Promote your chart</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
4.1 Change chart color and style<br />
4.2 Add legend for all real data series<br />
4.3 Add Legend data label, which is a special data label. You can add 3 new scatter points into draft chart and show data label for them<br />
4.4 Add Title</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1X8nayOXGdHErRqPmerv_2ppefak4f7DPejFfFVu2iBTkbUawirQ75w7Gi996BB6QtYw3-sqms5_34cPaocxogUccN5pA8s_BZWwxhFfkj0wDQmrLDXmtvsyWL37Z_DyqcOF31IUfbr0/s1600/result.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1X8nayOXGdHErRqPmerv_2ppefak4f7DPejFfFVu2iBTkbUawirQ75w7Gi996BB6QtYw3-sqms5_34cPaocxogUccN5pA8s_BZWwxhFfkj0wDQmrLDXmtvsyWL37Z_DyqcOF31IUfbr0/s1600/result.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0tag:blogger.com,1999:blog-4693409178141512812.post-22276173843542680482011-05-05T01:41:00.000-07:002011-05-05T01:41:58.619-07:00Excel Chart: Table Style Bar Chart Gives Your Different Feeling<div dir="ltr" style="text-align: left;" trbidi="on"><div style="font-family: Arial,Helvetica,sans-serif;"><div style="font-family: Verdana,sans-serif; text-align: right;"><span style="font-size: x-small;">Ad <span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"><b><a href="http://www.ucmapi.com/download.php?id=c51a880d-22cb-4d40-ab9f-e7b433d4a0ab">Office Tab</a></b></span></span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><i><span style="font-size: x-small;">Tabbed View for Word, Excel, PowerPoint, Project & Visio</span></i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s1600/xUntitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s200/xUntitled.png" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tZeoD33hHF3_0Q7lSBlRfFzAOObv_DeYvHqd8gP02vORjyTxn5Pgr0xPLLfQFfId0pKFsibydi62pG_HIzUWFSmNnouCOZ6RS_LnLs_2Y0FTZ-3XGCIEDTIAFs2LKsqAdvOu0Twal0/s1600/Untitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a><br />
<hr /><br />
<br />
<br />
<br />
In our daily work, we usually use a table to store data and create an independent chart to stand for these data. This method is very useful. But if we always use it in our reports, I think, it will lose eyes at last. We will try another style today: Combining chart and table together or put chart into table directly. Excel 2010 has spark line chart, which is a good example on this area. This kind of chart can also be seen in business magazines now and then. The most common scenario is replacing one or multiple column of a table with bar charts. The following examples come from some popular finance magazines.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQL-hlvOZoTzkdV96pbt2ooE4tGwsuLr7WEesQ3pPkbhPe1XtP-EYQHlq85EZRAjpoNk2Xkj0VJGhCgThyphenhyphenW9CUQxukDThlLVBdHs4f7sUZxD9FM60MyEtk72vBNrPhIASDLf1tOqdb8mg/s1600/example2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="154" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQL-hlvOZoTzkdV96pbt2ooE4tGwsuLr7WEesQ3pPkbhPe1XtP-EYQHlq85EZRAjpoNk2Xkj0VJGhCgThyphenhyphenW9CUQxukDThlLVBdHs4f7sUZxD9FM60MyEtk72vBNrPhIASDLf1tOqdb8mg/s320/example2.png" width="320" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY0k5Y-IWbruDiLp0W1au3AsGmbv_fQitXjPI5BHDVMkdiiUKmxla4S0oogmynnX0WCb1i92fiDevID3Jw2KhZfUx9Q8u-EzMZUD9BuQFU3FW0_YG0qu1pOD5wyJkbZd-78jjRElUdnBA/s1600/example3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY0k5Y-IWbruDiLp0W1au3AsGmbv_fQitXjPI5BHDVMkdiiUKmxla4S0oogmynnX0WCb1i92fiDevID3Jw2KhZfUx9Q8u-EzMZUD9BuQFU3FW0_YG0qu1pOD5wyJkbZd-78jjRElUdnBA/s320/example3.png" width="320" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ED8Qc55XFILUHZMRaFiqbU-Hfy5er1RhnV_y231ZMInDc5YA-R8McQx7rLjkYAwg-hiIn_znH41GFlWXsXSwTve-c8d6-MIpEg9QiWUjJlnROvPoumxpqbOeyYcZhza9r8NIsMmczOM/s1600/example1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-ED8Qc55XFILUHZMRaFiqbU-Hfy5er1RhnV_y231ZMInDc5YA-R8McQx7rLjkYAwg-hiIn_znH41GFlWXsXSwTve-c8d6-MIpEg9QiWUjJlnROvPoumxpqbOeyYcZhza9r8NIsMmczOM/s1600/example1.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlLraIDqiyLcuOl5LhUwe03A9ZqjNvlyKNFLbb1Kz3psQBpATKtiodXtrkVyuuAQJ4LQDWBPQpunEa5mKmc-gL1QDJ-PypH-sm2P_df0VQu5rpjNVjpE8d6M-fLzxNoSQW3JsZfC5GoWU/s1600/example4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlLraIDqiyLcuOl5LhUwe03A9ZqjNvlyKNFLbb1Kz3psQBpATKtiodXtrkVyuuAQJ4LQDWBPQpunEa5mKmc-gL1QDJ-PypH-sm2P_df0VQu5rpjNVjpE8d6M-fLzxNoSQW3JsZfC5GoWU/s1600/example4.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><br />
<div style="font-family: Arial,Helvetica,sans-serif;">We have two methods to implement this kind of chart. Let's take the last one as example.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">1. Create two bar charts and force their background transparent. All texts are input in Excel's cells. Overlap these charts above those cells. Use screen snapshot tool to save as the last the chart.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">2. Put text into bar charts as data labels. But the Excel's data label does not support some advanced features such as changing width freely, changing alignment etc. This method is only for these charts with short or simple text.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">I will practice the second method in this post and create a bar chart like the following picture.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxiVTKijMnJvtKvqa9fejFr3_21vAf6R_E0ZkDnwZe-MaNoahN3qpIlo7BKKXAwGjgXAq0LRI-G4d3e8HaitjycXcVF-P2PyihLcOM53xIM6VHur-HjYk_k_exsE6EyS6rzeanaF6_A48/s1600/final.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxiVTKijMnJvtKvqa9fejFr3_21vAf6R_E0ZkDnwZe-MaNoahN3qpIlo7BKKXAwGjgXAq0LRI-G4d3e8HaitjycXcVF-P2PyihLcOM53xIM6VHur-HjYk_k_exsE6EyS6rzeanaF6_A48/s1600/final.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;">Pre-request: The following raw data comes from the above wall-street chart.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0c7dqte50v8P7QzUouqs9j6l_skV5T-rNsOKjSHZuowB8iw-TZ1zOY65_GPUdodvc1EzOo72-Qi0-Wpa-YPELtLzHKaZKg7vtAi6O4CUUvCpWBle8oPSmrQq08oVVDF4KohM1oG20tPw/s1600/raw.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0c7dqte50v8P7QzUouqs9j6l_skV5T-rNsOKjSHZuowB8iw-TZ1zOY65_GPUdodvc1EzOo72-Qi0-Wpa-YPELtLzHKaZKg7vtAi6O4CUUvCpWBle8oPSmrQq08oVVDF4KohM1oG20tPw/s1600/raw.png" /></a></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 1: Identify how many bands we'd add to the chart. </b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">I alternate all bands we will add into the chart. Among them, two bands are for the real bar charts and two of them are for year and data value. For each bar, we also need a band to simulate the blank part. So the last stacked bar chart should have 6 parts.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimC_zFT4hQTpB73BcdyC6hLYkBxeAG10xh4ZgyEnTheJje-O_KzF3yLxfntIxzPgiP06Ador4rg2COARadR1-bjEMJWiHuyZ6l27R7TGl8axhoFq_BuKqLZPgVusNLf04UCoSPxb3veDg/s1600/band.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimC_zFT4hQTpB73BcdyC6hLYkBxeAG10xh4ZgyEnTheJje-O_KzF3yLxfntIxzPgiP06Ador4rg2COARadR1-bjEMJWiHuyZ6l27R7TGl8axhoFq_BuKqLZPgVusNLf04UCoSPxb3veDg/s1600/band.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 2: Prepare auxiliary data. </b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;">I prepare the following auxiliary data for the raw data. The column D will be used for Year, which has been saved into Column K and Column I will be used for real data, which has been put into column L. Column E plus Column F should equal to 100, which is the width of the first bar column of the table. Column G and Column H are for another bar chart.</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">I also add "Len/day" and "Miles/day" and the row 6 into the auxiliary data. They will be used as table header.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Column M will be used as alternated background of the chart. You can check it in my previous post for how to alternate background.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7WOd46QjyERXMxbsw9T2Tew4i_xT44cPuFyE_U934PRd45UGzEATZXGxMEQU6Dy4ngCJNEeIQpVM4xH81eoCnk1e_byBo6KtkBcnSp6uE00XcHwKXWV_oleSJc7TtryW40uyQ655XMZw/s1600/data.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="113" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7WOd46QjyERXMxbsw9T2Tew4i_xT44cPuFyE_U934PRd45UGzEATZXGxMEQU6Dy4ngCJNEeIQpVM4xH81eoCnk1e_byBo6KtkBcnSp6uE00XcHwKXWV_oleSJc7TtryW40uyQ655XMZw/s400/data.png" width="400" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step3 : Select Column M to create alternate background. Your chart should like this.</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikgt7izFjxv1MITREeOn-ds7ltLdL1ZsChSK4xgELdzegeHOPE45EOQ88M42UNRj0E7xHNjp1bu-cQoP3koxmJSbySISYeLO64g99-FnMA5Gx9N2zq6jRGS6KeK34MOph30lkwCM5Wqoc/s1600/plot.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikgt7izFjxv1MITREeOn-ds7ltLdL1ZsChSK4xgELdzegeHOPE45EOQ88M42UNRj0E7xHNjp1bu-cQoP3koxmJSbySISYeLO64g99-FnMA5Gx9N2zq6jRGS6KeK34MOph30lkwCM5Wqoc/s1600/plot.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 4: Add bar chart into the chart</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Select column D and press Ctrl+C to copy data into clipboard and then select chart to paste data into chart.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdWi2Mc3-JuBGgHmZgrA3BksCMyC19YzivX0wQB2LW63ak5AkCKtBXhWGeIf3loJ-T5hXD-T30JKpfQuZy96F7o7dmSM0B6a1qdktudgrLXaYAUr_AmB9jWpcgYnpBJgUrRpQHXgsOzE/s1600/bands.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkdWi2Mc3-JuBGgHmZgrA3BksCMyC19YzivX0wQB2LW63ak5AkCKtBXhWGeIf3loJ-T5hXD-T30JKpfQuZy96F7o7dmSM0B6a1qdktudgrLXaYAUr_AmB9jWpcgYnpBJgUrRpQHXgsOzE/s1600/bands.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Right click the new added bar and plot it the "Secondary Axis" and then change its chart type to "Stacked bar". Do the same operation for column E, F... You will get the following chart. The Column M is still plotted into the "Primary Axis", but all auxiliary data has been plotted into the "Secondary Axis" as stacked bar chart.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6aUWAx-oXbIrSte0JGuSOq7vqR1ick-QPVAOEx05LDhcH6QWBFN0Rb8hxTJCMSjwaAGusS7Zl1R3EqKLDJ8VpItWdswYquqfxJGzcT75Y5LlhhDvvMFqiwYlkGMK-fzeqhB9qVRl0jZE/s1600/stacked.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6aUWAx-oXbIrSte0JGuSOq7vqR1ick-QPVAOEx05LDhcH6QWBFN0Rb8hxTJCMSjwaAGusS7Zl1R3EqKLDJ8VpItWdswYquqfxJGzcT75Y5LlhhDvvMFqiwYlkGMK-fzeqhB9qVRl0jZE/s1600/stacked.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 5: Change the "Primary Axis" into alternated background</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Select series 1 by mouse or ribbon bar. Launch "Format Data Series" dialog and change "Gap Width" to 0. Then you'd limit the "Primary Axis" to [0-1].</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggdgsRT5FtyNsuIZTXDempLRCgzsdpbUHFG3Ko2_KlOL4ambu7P16492i26swf7UXlBdfGjol5zRKKwRdjifXizKyHcqG8nyma3vD6KIVfyURknX6ZHV2M_66kp4ywoojrvJ7Ikd8GJgw/s1600/back.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggdgsRT5FtyNsuIZTXDempLRCgzsdpbUHFG3Ko2_KlOL4ambu7P16492i26swf7UXlBdfGjol5zRKKwRdjifXizKyHcqG8nyma3vD6KIVfyURknX6ZHV2M_66kp4ywoojrvJ7Ikd8GJgw/s1600/back.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 6 : Add data label for all "Secondary Axis" bar chart and fill blank bar with transparent.</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Here I need that small addin "Data Label Updater" again. Where to download that addin and how to use it. Please read my previous post.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">After you change data label, your chart should like this. In fact, until now, all components have been added into chart.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJjvlqemhbK9W0A9TfmsYKKfuyIpWoPbyLivvES3MbNEeOv9Utp9Ec0dH8MuEgbuZnJRjQegxJ7qulGmtPI4lC7ucwkbMt293k-nQ3BKtYzg_hOgcCUe0sCnoaU1Vlt7H4ZyR4l4ngM38/s1600/result.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJjvlqemhbK9W0A9TfmsYKKfuyIpWoPbyLivvES3MbNEeOv9Utp9Ec0dH8MuEgbuZnJRjQegxJ7qulGmtPI4lC7ucwkbMt293k-nQ3BKtYzg_hOgcCUe0sCnoaU1Vlt7H4ZyR4l4ngM38/s1600/result.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 7: Beautify the result chart as the following steps. Your chart should like this.</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">7.1 Change table header's background to dark gray</div><div style="font-family: Arial,Helvetica,sans-serif;">7.2 Change alternated color to light gray</div><div style="font-family: Arial,Helvetica,sans-serif;">7.3 Hide grid lines and all axes.</div><div style="font-family: Arial,Helvetica,sans-serif;">7.4 Add Chart title and picture.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoA3ioDweXhnblSaOfx5D_09K6G3t_S_Hb2uP9veemUvKYS9YdoKAGOU97W2zCmHXnyQzgjwLbzgjqt6C-K79y4-Ss0rwnE-jesKPawozxzxtxnZQNwEsQUcou0dHNMWzSDmoDhrhOE2U/s1600/last.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoA3ioDweXhnblSaOfx5D_09K6G3t_S_Hb2uP9veemUvKYS9YdoKAGOU97W2zCmHXnyQzgjwLbzgjqt6C-K79y4-Ss0rwnE-jesKPawozxzxtxnZQNwEsQUcou0dHNMWzSDmoDhrhOE2U/s320/last.png" width="320" /></a></div><br />
<br />
<div style="text-align: right;"><span style="font-size: x-small;"><i>Copyright (C) by ucmapi. You'd not use it for commercial purpose. Keep all links when you re-post it.</i></span></div></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0tag:blogger.com,1999:blog-4693409178141512812.post-84187463031719611552011-05-05T00:40:00.001-07:002011-05-05T01:39:15.954-07:00Excel Chart: How to Change Data Label's Content Quickly and Easily<div dir="ltr" style="text-align: left;" trbidi="on"><div style="font-family: Arial,Helvetica,sans-serif;"><div style="font-family: Verdana,sans-serif; text-align: right;"><span style="font-size: x-small;">Ad <span style="font-family: Arial,Helvetica,sans-serif; font-size: small;"><b><a href="http://www.ucmapi.com/download.php?id=c51a880d-22cb-4d40-ab9f-e7b433d4a0ab">Office Tab</a></b></span></span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><i><span style="font-size: x-small;">Tabbed View for Word, Excel, PowerPoint, Project & Visio</span></i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s1600/xUntitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s200/xUntitled.png" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tZeoD33hHF3_0Q7lSBlRfFzAOObv_DeYvHqd8gP02vORjyTxn5Pgr0xPLLfQFfId0pKFsibydi62pG_HIzUWFSmNnouCOZ6RS_LnLs_2Y0FTZ-3XGCIEDTIAFs2LKsqAdvOu0Twal0/s1600/Untitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a><br />
<hr /><br />
<br />
<br />
By default, the data label of Excel charts can only display "Series Name", "Category Name" or "Value". Can we change data label's content to any selected range? There is a small plugin for it. </div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg67_JloJcGGMQA7LtEQqKfXNYRfsd2_nj2Q0AsOvuh_iJU5O3eB4N9iTrw_0QwRp2DBULzPNCBgGp7KgAve0hyI78MfevefsXYL-Ps9quFtBaaA7Rs9HPf05PoaNErOAbuNMc6eQs4feg/s1600/datalabel.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg67_JloJcGGMQA7LtEQqKfXNYRfsd2_nj2Q0AsOvuh_iJU5O3eB4N9iTrw_0QwRp2DBULzPNCBgGp7KgAve0hyI78MfevefsXYL-Ps9quFtBaaA7Rs9HPf05PoaNErOAbuNMc6eQs4feg/s1600/datalabel.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;">You can download and re-distribute it without any limitation. </div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Get 32-bit version from here</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: x-small;"><i style="color: #999999;">32-bit version is for Excel 2003, Excel 2007 and Excel 2010 32-bit version</i></span></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><a href="http://www.ucmapi.com/download.php?id=5c6c1c84-d079-4b5a-acac-abfc7a284f3e">http://www.ucmapi.com/download.php?id=5c6c1c84-d079-4b5a-acac-abfc7a284f3e</a> </div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Get 64-bit version from here</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: x-small;"><i style="color: #999999;">Only for Excel 2010 64-bit version</i></span><br />
<a href="http://www.ucmapi.com/download.php?id=7f562fd5-1189-4211-9ac3-f79e137482c0">http://www.ucmapi.com/download.php?id=7f562fd5-1189-4211-9ac3-f79e137482c0</a></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Where to find the addin</b></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Find it on Chart's Context ribbon bar (Beside normal Axes setting) for Excel 2007/2010</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggNzghChJprxA_nucsWAxpPc34uEAGxo_ODcREiiEL1rAhCBeWePad1XsAs4eKxTc_hrCCGfCB9WKEDHaoPD4lQL7oJ5qBkUQ3buvCzHBm04CC5oMydTQTM-KdDbf7jNJejBo0gorkh8U/s1600/ribbon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggNzghChJprxA_nucsWAxpPc34uEAGxo_ODcREiiEL1rAhCBeWePad1XsAs4eKxTc_hrCCGfCB9WKEDHaoPD4lQL7oJ5qBkUQ3buvCzHBm04CC5oMydTQTM-KdDbf7jNJejBo0gorkh8U/s1600/ribbon.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Find it here for Excel 2003</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiYgcmVO4LFkOHKKFnmUZ67mPRS78pfkJrAZdASuU7-2t2-7JIJr6gm5zUCsY5wq6cJ_Hw0dPbP5pl6ydFAYddGP7VITOEuuOMXcxAlr97RLno3JZvHrVz1YQbIqP450H8C9M4fvSEYQI/s1600/2003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiYgcmVO4LFkOHKKFnmUZ67mPRS78pfkJrAZdASuU7-2t2-7JIJr6gm5zUCsY5wq6cJ_Hw0dPbP5pl6ydFAYddGP7VITOEuuOMXcxAlr97RLno3JZvHrVz1YQbIqP450H8C9M4fvSEYQI/s1600/2003.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>How to use it?</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3gnrPYYWZ5MA76kyFymuI_ZvsWPty3ulvT1ZWImmGYyUyzG7_WH-o6VaXk44V2tJPR2wPausnAo4QLOdYboypDk62hDKEssMeQiiz-Zmqu_WtZHGWKvRt9U5W2OlDumHQ6lFszBTrfJU/s1600/chart.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3gnrPYYWZ5MA76kyFymuI_ZvsWPty3ulvT1ZWImmGYyUyzG7_WH-o6VaXk44V2tJPR2wPausnAo4QLOdYboypDk62hDKEssMeQiiz-Zmqu_WtZHGWKvRt9U5W2OlDumHQ6lFszBTrfJU/s1600/chart.gif" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<div style="text-align: right;"><span style="font-size: x-small;"><i>Copyright (C) by ucmapi. You'd not use it for commercial purpose. Keep all links when you re-post it.</i></span></div></div></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0tag:blogger.com,1999:blog-4693409178141512812.post-44144414920834793062011-04-28T23:24:00.000-07:002011-05-05T01:01:30.747-07:00Excel Chart: Broken bar chart to avoid browning from very large values<div dir="ltr" style="text-align: left;" trbidi="on"><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><span style="font-size: x-small;">Ad <span style="font-size: small;"><b><a href="http://www.ucmapi.com/download.php?id=c51a880d-22cb-4d40-ab9f-e7b433d4a0ab">Office Tab</a></b></span></span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><i><span style="font-size: x-small;">Tabbed View for Word, Excel, PowerPoint, Project & Visio</span></i></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s1600/xUntitled.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s200/xUntitled.png" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tZeoD33hHF3_0Q7lSBlRfFzAOObv_DeYvHqd8gP02vORjyTxn5Pgr0xPLLfQFfId0pKFsibydi62pG_HIzUWFSmNnouCOZ6RS_LnLs_2Y0FTZ-3XGCIEDTIAFs2LKsqAdvOu0Twal0/s1600/Untitled.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a><br />
<div style="font-family: Verdana,sans-serif; text-align: right;"></div><hr /><div dir="ltr" style="text-align: left;" trbidi="on"><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<br />
<br />
As we all know, the internet users of China and United State are much greater than those in other countries. China has many people and USA has a large economic. But does this issue have relation with Excel chart? If we create a bar chart to compare the internet users from different countries, you will find the number from China and USA has drowned out the other data.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSmGPOUaUjWkDJl-gJroSQxGSva_nguJRuZfcNcDgtbT8ngcUCiHCV3hDkDgtpS2jjXzMLUoaot4sMYpgtfQlW3inq2kezEgzjCqKzWlKTVrPix7VYyPnzeP517RqI3VAMWsKGw-Kx_yA/s1600/brown.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSmGPOUaUjWkDJl-gJroSQxGSva_nguJRuZfcNcDgtbT8ngcUCiHCV3hDkDgtpS2jjXzMLUoaot4sMYpgtfQlW3inq2kezEgzjCqKzWlKTVrPix7VYyPnzeP517RqI3VAMWsKGw-Kx_yA/s1600/brown.png" /></a></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;">How to solve this issue? There are many solutions such as using a logarithmic scale. But they are not perfected. Let's see how The Economist solves this issue. The following chart comes from Economist finance magazine. </div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3GuGh7yLFLbENZIoGCriV4p416I4NasNE-kwBYZJSgpXP2viTNX1gF-ZsyWJBaFS8kxeiEWjq1xUy9C5axddHl032fvu0zk4hKHvCuMcxVUpis0Qk3S-3_CpGd39-bQthQvlUS3v8Qs8/s1600/internet.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3GuGh7yLFLbENZIoGCriV4p416I4NasNE-kwBYZJSgpXP2viTNX1gF-ZsyWJBaFS8kxeiEWjq1xUy9C5axddHl032fvu0zk4hKHvCuMcxVUpis0Qk3S-3_CpGd39-bQthQvlUS3v8Qs8/s400/internet.png" width="400" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;">Two broken bars have been added to stand for those ultra-values. The ultra-value has also been displayed as text label directly. The chart is very professional. In fact, today's question is: Can we create a broken bar chart in Excel to avoid browning from very large values? The answer is definite. The following is my chart from Excel, which is a > 90% simulation of the Economist one.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxPE9fQKOHbdi-2n_vuEDhRkLWmA562gOMiy9xk8ZiTwCLWLdHw5IDIK8AQ_D7qkk77AvCY8O9vO0uCaanreOc92Nv3bHJu6nuAihkeySap37rDpsjftFCuR2tiSC-WwBjSUzuKVJctBo/s1600/final.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="262" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxPE9fQKOHbdi-2n_vuEDhRkLWmA562gOMiy9xk8ZiTwCLWLdHw5IDIK8AQ_D7qkk77AvCY8O9vO0uCaanreOc92Nv3bHJu6nuAihkeySap37rDpsjftFCuR2tiSC-WwBjSUzuKVJctBo/s400/final.png" width="400" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Pre-request</b>: The following data come from the popular magazine: The Economist.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhatFdG2ylKj3BRk-HwLb4BuBba1tGwnQ3VMiD2n3K4DjK_Gu5-zra4UgqFMO8-QU96f6l3xc-HaUnZ2mYu2q2dWakQ_duP9WwzH-NjAzI7RvvwwO44RW33e3h8uOcK_wgCNBUM6cfzuzE/s1600/data.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhatFdG2ylKj3BRk-HwLb4BuBba1tGwnQ3VMiD2n3K4DjK_Gu5-zra4UgqFMO8-QU96f6l3xc-HaUnZ2mYu2q2dWakQ_duP9WwzH-NjAzI7RvvwwO44RW33e3h8uOcK_wgCNBUM6cfzuzE/s1600/data.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 1: Trim and prepare auxiliary data.</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">We want to remove two very large values in the table. So we need decrease the value of China and United State. Let's use the following formula to re-calculate Users as virtual Users'. The result is saved into column E. We also need add two place holders for axis label: Column F & column G.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="background-color: #fff2cc; font-family: "Courier New",Courier,monospace;">=IF(B3>100,B3-80,B3)</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQbVVBvYOPpyj7QjjryKSz4wnULTlv1gf6FAIIRSHz73lBptk3Qn5-d3Pev-bqku_NxBypd0bbWphJFvR5QVDF9kHiLVN5gzyQ_S325WZYO6tRbJE-eyHuaMVz-WFd7MsX_UA_6neGjzI/s1600/newdata.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQbVVBvYOPpyj7QjjryKSz4wnULTlv1gf6FAIIRSHz73lBptk3Qn5-d3Pev-bqku_NxBypd0bbWphJFvR5QVDF9kHiLVN5gzyQ_S325WZYO6tRbJE-eyHuaMVz-WFd7MsX_UA_6neGjzI/s400/newdata.png" width="400" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 2: Create draft stacked bar chart</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
Select E2:G16 and insert a stacked bar chart into your worksheet. Limit the primary horizontal axis to [-40 – 110]. Your chart should like this.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA0K6YYdSeixIvWigv1wyTavtYclnY_CyEjuOG3akvRFsKxjp0upyK3TFfX5qR66EbV0tnmNNKy4wxqd0JsdV5BmtE_g4GoRMOOR92K9nbo6QkGEzuqJQL1KFb0czK4_6un352LiVevp4/s1600/draft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA0K6YYdSeixIvWigv1wyTavtYclnY_CyEjuOG3akvRFsKxjp0upyK3TFfX5qR66EbV0tnmNNKy4wxqd0JsdV5BmtE_g4GoRMOOR92K9nbo6QkGEzuqJQL1KFb0czK4_6un352LiVevp4/s1600/draft.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Step 3: Display countries and percent label</b></div><div style="font-family: Arial,Helvetica,sans-serif;">It’s easy to display countries but it’s some difficult to display to percent value. Select one of bar series and choose "<b>select series data</b>” from context menu. Change “<b>Horizontal (Category) Axis Labels</b>” from 1, 2, 3… to Column A. Now the “Category Name” for all series is country’s name.</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
Select the series for “Country” (The column F) and display “Data Label”. Do the same operation for the series “Percent”. Your chart should be.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ6xYSEkAumwqSU39nmGQGVScANXMughY0bCeddY_A7cBgFDeob-5fwz2kxlm8cOfZurqgzPV9XEj2BdcVTFZRywrIRnYUyoRjFwDrNhB8miwlwp9JI59p37jLHh9MBJ41XYl0LG80Fmw/s1600/label.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ6xYSEkAumwqSU39nmGQGVScANXMughY0bCeddY_A7cBgFDeob-5fwz2kxlm8cOfZurqgzPV9XEj2BdcVTFZRywrIRnYUyoRjFwDrNhB8miwlwp9JI59p37jLHh9MBJ41XYl0LG80Fmw/s400/label.png" width="400" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
Now the issue occurs. Maybe you’ve found. Excel’s “Data Label” can only display “Series Name”, “Category Name” or “Value”. You cannot refer it to other data range. I think Microsoft will change this in future version. We’ve developed an addin for this. This addin can help you change data label from any data range. We are optimizing code now. You can download it from our website <a href="http://www.ucmapi.com/">http://www.ucmapi.com</a> next month.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Here we have to do it manually. Click one “Data Label” with the number “-9” twice carefully. You will find you can edit its content. Input real value into it, for example, “17.8” for China… Your chart should like this. You’ve finished half job until now.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf0stAZqk2fDMgulD4SKNdJZI2EB52tZfo04DYEVNEMjB6YkkhAWFfN00lKumLpGwc97euwNKwJBgNlNcsNlWDc4zG1jq-WaqawO2VgF1u9Noq9DpcWa45A_h7MBmW-VsI0olNKUH6fvE/s1600/mid.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="254" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf0stAZqk2fDMgulD4SKNdJZI2EB52tZfo04DYEVNEMjB6YkkhAWFfN00lKumLpGwc97euwNKwJBgNlNcsNlWDc4zG1jq-WaqawO2VgF1u9Noq9DpcWa45A_h7MBmW-VsI0olNKUH6fvE/s400/mid.png" width="400" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Step 4: Add our own grid line</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
We’ve found the grid line in Economist’s chart is some different with the default one from Excel. We have to change it. At first, remove the default one and select Column I (The grid column from data table) and paste this column into the draft chart. Your chart should like this.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8nIryWRxE3AlUADPhRhnZEFaY2Fyv3dYDsSXEHXbEz8kOEYSD0xeinMpC-n8fRys40-qjvRrEFJZGtq1DB7ju0hLN9lhu2k-vDM6VxNgdPOdJ1AY505LiXhZZpt_RUlrFOefV4rPCF-E/s1600/grid.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8nIryWRxE3AlUADPhRhnZEFaY2Fyv3dYDsSXEHXbEz8kOEYSD0xeinMpC-n8fRys40-qjvRrEFJZGtq1DB7ju0hLN9lhu2k-vDM6VxNgdPOdJ1AY505LiXhZZpt_RUlrFOefV4rPCF-E/s400/grid.png" width="400" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Select the purple one and change its type to “Scatter”. The chart should be this</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDmx16MFDkPDv3UN6RXs5C5fHT_sSb67MbWMzfcqCNozAGVOTnw55BfGQCD6lhdNzc-CvuGJg1iAXVXIjsIBfdEpG-j6rtgB_Hm5-VMh_Kqs9yzxnZlAcLuJ5UZN1N15ELyczwdZXK3D8/s1600/scatter-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDmx16MFDkPDv3UN6RXs5C5fHT_sSb67MbWMzfcqCNozAGVOTnw55BfGQCD6lhdNzc-CvuGJg1iAXVXIjsIBfdEpG-j6rtgB_Hm5-VMh_Kqs9yzxnZlAcLuJ5UZN1N15ELyczwdZXK3D8/s400/scatter-1.png" width="400" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
Change the scatter series’ X and Y value to column I and Column J. At the same time, you need limit the “Secondary Vertical Axis” to [0 - 15]. To display grid line, you have to show error bar for this scatter points. The result chart looks like this:<br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR1yX-HQO3QIXZvGFg_aHA3cPkMApzpa2v92Yd9IndbKir2rpnrQoQUU_EPz-LAu1QygDj24pNFnuL_tuy-Sjqbb_Gz5f2hO6erIo_5JmlqdY-1sZxDHmWf7jyj22cQL5kL7a2DrYaDBU/s1600/grid-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR1yX-HQO3QIXZvGFg_aHA3cPkMApzpa2v92Yd9IndbKir2rpnrQoQUU_EPz-LAu1QygDj24pNFnuL_tuy-Sjqbb_Gz5f2hO6erIo_5JmlqdY-1sZxDHmWf7jyj22cQL5kL7a2DrYaDBU/s400/grid-1.png" width="400" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipAWe3PI_jzHdx8AwKBe4EHGaeg-dnYanZATKF2StfJS8m_sD1Pf-XRW6J48BjsU_7PBbSK8tg3OPOIvlg0sK2ZYlQG1Nhwvy1IE0jkr-iFWG9ud5jh1L6QGQOylBStrB_OoQ1jdRiSHE/s1600/broken.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 5: Add broken icon into chart</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
Copy cell $I:11 and $I:12 and paste them into the draft chart. Change its series type to “Scatter” too. And change the X and Y value of the series to $I:11, $I:12 and $J:11, $J:12. </div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipAWe3PI_jzHdx8AwKBe4EHGaeg-dnYanZATKF2StfJS8m_sD1Pf-XRW6J48BjsU_7PBbSK8tg3OPOIvlg0sK2ZYlQG1Nhwvy1IE0jkr-iFWG9ud5jh1L6QGQOylBStrB_OoQ1jdRiSHE/s1600/broken.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipAWe3PI_jzHdx8AwKBe4EHGaeg-dnYanZATKF2StfJS8m_sD1Pf-XRW6J48BjsU_7PBbSK8tg3OPOIvlg0sK2ZYlQG1Nhwvy1IE0jkr-iFWG9ud5jh1L6QGQOylBStrB_OoQ1jdRiSHE/s400/broken.png" width="400" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Group two arrow shapes as out broken icon and select those two scatter points for broken icon. Press Ctrl + V to paste broken icon to it. What about the following chart. In fact, we’ve finished 80% of it. All elements have been added into the chart. The next step will be beautifying.</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLCQip_WbePj5T8JkK8AQ04433gFgOnvjVNI_BVxJB8eSIAWrb15cn4F6PULsje6Zm4_e-vtOIZOx9az1GwxcmSV5C6Au6oyzyXXa4bNqO18CWwzMUwapPHTqarVxsitTu2_gwZNUtw8/s1600/icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLCQip_WbePj5T8JkK8AQ04433gFgOnvjVNI_BVxJB8eSIAWrb15cn4F6PULsje6Zm4_e-vtOIZOx9az1GwxcmSV5C6Au6oyzyXXa4bNqO18CWwzMUwapPHTqarVxsitTu2_gwZNUtw8/s1600/icon.png" /></a></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;"></div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoaV0CIdof44dm0yGMORXOFRu4juFcSVvgN5bB9wq8N_Rwt8ViTiEC_m60NbAMVhLCmITUXb0eB58YCtLt8q0vbYG7ucisMxK6xjD4zhlih2GsZ67Sgz7r26ZPd-K3sViqjSselmsYWs8/s1600/broken-icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="253" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoaV0CIdof44dm0yGMORXOFRu4juFcSVvgN5bB9wq8N_Rwt8ViTiEC_m60NbAMVhLCmITUXb0eB58YCtLt8q0vbYG7ucisMxK6xjD4zhlih2GsZ67Sgz7r26ZPd-K3sViqjSselmsYWs8/s400/broken-icon.png" width="400" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"> <br />
<b>Step 6: Beautify the result chart. Your chart will become as professional as that from the Economist.</b></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><br />
6.1 Change background color of chart area and plot area to black. <br />
6.2 Remove the filling for “Percent” series and add border to its data label.<br />
6.3 Change the font color for countries’ name<br />
6.4 Change color for bar char and change font color for broken label<br />
6.5 Add decoration and chart title.<br />
6.6 Add background</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMS62nUW8StPti-htfqrnsgaCEN6-QbJ1knjnjZAxpw__OlNpHcF3BHqartDSdlAvWZRAZi3qlOmI_F9xKFrQexxdOHuT937zHFfyZsxlqKFYDCFIHi0d8kVDzMIb2Zh1aomLcIzfsiu4/s1600/result.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMS62nUW8StPti-htfqrnsgaCEN6-QbJ1knjnjZAxpw__OlNpHcF3BHqartDSdlAvWZRAZi3qlOmI_F9xKFrQexxdOHuT937zHFfyZsxlqKFYDCFIHi0d8kVDzMIb2Zh1aomLcIzfsiu4/s400/result.png" width="400" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;">Copyright (C) by ucmapi. You'd not use it for commercial purpose</div></div></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0tag:blogger.com,1999:blog-4693409178141512812.post-2997771074147712832011-04-24T19:40:00.000-07:002011-05-05T01:04:26.167-07:00Excel Chart: How to Put Clustered & Stacked Column Chart Side by Side?<div dir="ltr" style="text-align: left;" trbidi="on"><div style="font-family: Arial,Helvetica,sans-serif;"><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><span style="font-size: x-small;">Ad <span style="font-size: small;"><b><a href="http://www.ucmapi.com/download.php?id=c51a880d-22cb-4d40-ab9f-e7b433d4a0ab">Office Tab</a></b></span></span></div><div style="font-family: Verdana,sans-serif; text-align: right;"><i><span style="font-size: x-small;">Tabbed View for Word, Excel, PowerPoint, Project & Visio</span></i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s1600/xUntitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s200/xUntitled.png" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tZeoD33hHF3_0Q7lSBlRfFzAOObv_DeYvHqd8gP02vORjyTxn5Pgr0xPLLfQFfId0pKFsibydi62pG_HIzUWFSmNnouCOZ6RS_LnLs_2Y0FTZ-3XGCIEDTIAFs2LKsqAdvOu0Twal0/s1600/Untitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a><br />
<hr /><br />
<br />
<br />
<br />
Yesterday, I visit a forum about excel and found an issue: How to put a clustered column and a stacked column chart together and make them display side by side. In fact, the issue has blocked me for some time. Business week often publishes this kind of chart in its magazine. Here is an example from it.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6388sOnO-lyxw1Y2Es9Wvod4Tv6yHR7NhW854y_G4aK2T1cXQg8MyuFgbEWFxgwYCxu999cArOStSUyRD075pT4CdDdSK7WhlWtRSm84fl7jRuno7xqxJ0KWk4v1Di3JvGrJy4OcJq4g/s1600/covsto.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6388sOnO-lyxw1Y2Es9Wvod4Tv6yHR7NhW854y_G4aK2T1cXQg8MyuFgbEWFxgwYCxu999cArOStSUyRD075pT4CdDdSK7WhlWtRSm84fl7jRuno7xqxJ0KWk4v1Di3JvGrJy4OcJq4g/s1600/covsto.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">At first look, we can overlap a clustered column chart with a stacked column chart to implement it. But how can we make them display side by side? We have to re-layout the raw data and add some blank cell into them. The following chart is completed in Excel which simulates the chart from business week very well.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzalJqFIOFLRI_qyLV8gGkRMqtQsEwse-RisIIyrSIubryNTux-X456g_fNucmFu9a1Xyx9nBi7M3NBr6SVkglBlH8TlczGH7tIuF2hIQ8AaLnNib8jq6BOWoltH8rwbTm7oQyorE-m-A/s1600/final.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzalJqFIOFLRI_qyLV8gGkRMqtQsEwse-RisIIyrSIubryNTux-X456g_fNucmFu9a1Xyx9nBi7M3NBr6SVkglBlH8TlczGH7tIuF2hIQ8AaLnNib8jq6BOWoltH8rwbTm7oQyorE-m-A/s1600/final.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Prerequest: </b>Suppose we have the following raw data; and we want to draw the series "Visit" and series "Down" as a stacked column chart but the series "Pay" as a normal clustered column chart. In fact, we cannot create it via simple selecting and pasting. We have to re-layout the whole data.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRTamzPmMJN9L6ovW8TQbpy48JiUkZ41taGx3Cz3GxWFumQwy7SOQBVf1xhdNsQnYdxLYyH0Wv3X9BRf8e3VVLP0nt-QnNn-GLuhuIdX-YaVcBSY8PF0Qfd6qr4M176jfi4FoVlM3gjC0/s1600/data.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRTamzPmMJN9L6ovW8TQbpy48JiUkZ41taGx3Cz3GxWFumQwy7SOQBVf1xhdNsQnYdxLYyH0Wv3X9BRf8e3VVLP0nt-QnNn-GLuhuIdX-YaVcBSY8PF0Qfd6qr4M176jfi4FoVlM3gjC0/s1600/data.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 1: Re-layout the raw data.</b></div><div style="font-family: Arial,Helvetica,sans-serif;">The following data table is the result of re-layout. Column B is a place holder. It's content (*) will be removed at last. Maybe you also find there are two blank rows above and below the data row. These blank rows are used to separate column bars.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi53F805HqQY_4aavJfatz5VszIvFC6M3zCNkFaFKn_HiiG7rliOATvMOfQp0KsEHwJB0dzTe5fFV-JRaukNWLuZG8vSVVEKVA4nGX6L2VKfKSiG19NpwcsruHy0EqzdoGWGrpuZ4ElvFY/s1600/layout.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi53F805HqQY_4aavJfatz5VszIvFC6M3zCNkFaFKn_HiiG7rliOATvMOfQp0KsEHwJB0dzTe5fFV-JRaukNWLuZG8vSVVEKVA4nGX6L2VKfKSiG19NpwcsruHy0EqzdoGWGrpuZ4ElvFY/s1600/layout.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Step 2: Create Column Chart</b></div><div style="font-family: Arial,Helvetica,sans-serif;">Select the raw data A1:E20 and insert a "Clustered Column" into your workbook. You can get this draft chart.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-fAnbTOkvZ5INL9NjUPRcVBu_DpFBQjXUkqPEkcX_-o0h6K6r8ewRaECtkWwRubJ1RYKtreCXDE4APKW3SPNdv3Ps4AFiGanyNbB72BmxAv9s701fUN-bKrKXYXhjs-STRv4xDxxBdyg/s1600/draft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-fAnbTOkvZ5INL9NjUPRcVBu_DpFBQjXUkqPEkcX_-o0h6K6r8ewRaECtkWwRubJ1RYKtreCXDE4APKW3SPNdv3Ps4AFiGanyNbB72BmxAv9s701fUN-bKrKXYXhjs-STRv4xDxxBdyg/s1600/draft.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Step3: Change clustered column chart into stacked column chart.</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
1. Select the series "Pay" and plot it on "Secondary Axis"</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE3vsjmqrp1dIPViDQyUA1237g8jfVE3z8C_efmfK1UJohpwtqOSk8QQudmh24uBVYthTg8WeWQVnRqj2DtHeGPwe9545f_olQfqnMNhQRZ4nmVC5eVxIJGvKnmv7qJ-70aUGn7X0hcTo/s1600/second.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE3vsjmqrp1dIPViDQyUA1237g8jfVE3z8C_efmfK1UJohpwtqOSk8QQudmh24uBVYthTg8WeWQVnRqj2DtHeGPwe9545f_olQfqnMNhQRZ4nmVC5eVxIJGvKnmv7qJ-70aUGn7X0hcTo/s1600/second.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;">2. Change the chart type of the series "Visit" and "Down" to "Stacked Column".</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTxDSrOd1GN7hsSJPAoGwY6ffS5ygCGTTZxMt6h4tzlVW_QVhdYTno2dUb1RkekLQfiod1EbxSs6J0Pf4QA8XqxtQ8P-P8y14-R2A7nXqcqC4AFS2CNgQ0Uem53fHewJz_kyg5UjS3Q1A/s1600/change.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTxDSrOd1GN7hsSJPAoGwY6ffS5ygCGTTZxMt6h4tzlVW_QVhdYTno2dUb1RkekLQfiod1EbxSs6J0Pf4QA8XqxtQ8P-P8y14-R2A7nXqcqC4AFS2CNgQ0Uem53fHewJz_kyg5UjS3Q1A/s1600/change.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtfXemdcnSJWaD1O9BK0dzSQGzIQHmrBhyphenhyphenCuvw3KBPSsLfy31Jp38tDFfRwunvX2IwcxL-mL6zBUVSKvBK2JOYjbYRY-0g2TM00n5d5hNInJDw4yKpGGKmDq-RBTZcxKvfkOOAd2LW2gA/s1600/gap.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 4: Make the "Stacked Column" and the "Clustered Column" side by side</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtfXemdcnSJWaD1O9BK0dzSQGzIQHmrBhyphenhyphenCuvw3KBPSsLfy31Jp38tDFfRwunvX2IwcxL-mL6zBUVSKvBK2JOYjbYRY-0g2TM00n5d5hNInJDw4yKpGGKmDq-RBTZcxKvfkOOAd2LW2gA/s1600/gap.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtfXemdcnSJWaD1O9BK0dzSQGzIQHmrBhyphenhyphenCuvw3KBPSsLfy31Jp38tDFfRwunvX2IwcxL-mL6zBUVSKvBK2JOYjbYRY-0g2TM00n5d5hNInJDw4yKpGGKmDq-RBTZcxKvfkOOAd2LW2gA/s1600/gap.png" /> </a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6v76-9u-hkTa1MDakdtUSbWCM6TQ2SGnOrf2nNds1xPu7t29RLcM0pX2Kwra5A4pxaV9LcOuGy3oHCE4yPQqLh9LPc1ISJjzhA_GrOpfYb52bTLlNhCI_QlYTy4HyxtoEpkWCJsTX62M/s1600/result.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6v76-9u-hkTa1MDakdtUSbWCM6TQ2SGnOrf2nNds1xPu7t29RLcM0pX2Kwra5A4pxaV9LcOuGy3oHCE4yPQqLh9LPc1ISJjzhA_GrOpfYb52bTLlNhCI_QlYTy4HyxtoEpkWCJsTX62M/s1600/result.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Step 5: Beautify the result chart and add some decorations</b></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzalJqFIOFLRI_qyLV8gGkRMqtQsEwse-RisIIyrSIubryNTux-X456g_fNucmFu9a1Xyx9nBi7M3NBr6SVkglBlH8TlczGH7tIuF2hIQ8AaLnNib8jq6BOWoltH8rwbTm7oQyorE-m-A/s1600/final.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzalJqFIOFLRI_qyLV8gGkRMqtQsEwse-RisIIyrSIubryNTux-X456g_fNucmFu9a1Xyx9nBi7M3NBr6SVkglBlH8TlczGH7tIuF2hIQ8AaLnNib8jq6BOWoltH8rwbTm7oQyorE-m-A/s320/final.png" width="320" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">If you re-layout the raw data like the following table, you can switch the position of stacked column and the normal clustered column.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidza9wqM4a3NoKTcW9Vr477506pOw6zgRUnhuYaakcIkajQO9i_LQPbAFuoMy2L44coV9l2OF76hHv-Y-Tg3-G6tv6RL7fJNjJZmcbf6NFkAusiYLs5PI7k2RbbtW_fE3Z99PN2uhPI-I/s1600/revert.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidza9wqM4a3NoKTcW9Vr477506pOw6zgRUnhuYaakcIkajQO9i_LQPbAFuoMy2L44coV9l2OF76hHv-Y-Tg3-G6tv6RL7fJNjJZmcbf6NFkAusiYLs5PI7k2RbbtW_fE3Z99PN2uhPI-I/s1600/revert.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0tag:blogger.com,1999:blog-4693409178141512812.post-47457496849616927832011-04-17T20:23:00.000-07:002011-04-17T20:23:49.193-07:00Excel Chart: Always Markup the Cross Points of Two Line Charts<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<i><span style="font-family: Arial,Helvetica,sans-serif;"></span></i><br />
<i><span style="font-family: Arial,Helvetica,sans-serif;">Click <a href="http://www.ucmapi.com/chart/alphabetic.php">here</a> to see Alphabetical Content of all posts</span><span style="font-family: Arial,Helvetica,sans-serif;"> </span></i><br />
<br />
<i><span style="font-family: Arial,Helvetica,sans-serif;">[Notice: The chart in the post is created on Excel 2010]</span></i><span style="font-family: Arial,Helvetica,sans-serif;"> </span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Last week I posted an article about "Markup the Maximal and Minimal Value from a Line Chart". Some friends asked if we could markup the cross points of two or multiple line charts in Excel. Here is an example from The Economist. A black dot highlights an important cross point of three line charts. This question is a little interesting, for this case we can do it manually and easily. But How to markup all cross points automatically in Excel?</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-3r0Pu3drd5RThrUMbMbiDyDVA190F86L4U1ZAJKFH1qmVcIyybAkZpPlOeMYwvQWGY77PMmPVw_rzRwCs3uJtbFTmusMh2x94KMhl-YAob-7WuWIj5qjLeN3nez6Idb8362JJsT5YRQ/s1600/oil.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-3r0Pu3drd5RThrUMbMbiDyDVA190F86L4U1ZAJKFH1qmVcIyybAkZpPlOeMYwvQWGY77PMmPVw_rzRwCs3uJtbFTmusMh2x94KMhl-YAob-7WuWIj5qjLeN3nez6Idb8362JJsT5YRQ/s1600/oil.png" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">After some practice, I find it can be created perfectly in Excel. But it needs a little mathematic knowledge. I prepare some raw datas and record my creating process step by step. The finial chart should like this.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsOXie2OjZNvVoy3y95BCMnQoaLGYgVciCUaHd05YPesEz-xDSFBNkBuZBT5Qx3L7rthM9j5OweDiOipwTJiygbDj99xrkMN14ZMLAEUR8MTPhjvwDBOLrjrmX7p7viMIhA4Bjt_uk2tI/s1600/final.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsOXie2OjZNvVoy3y95BCMnQoaLGYgVciCUaHd05YPesEz-xDSFBNkBuZBT5Qx3L7rthM9j5OweDiOipwTJiygbDj99xrkMN14ZMLAEUR8MTPhjvwDBOLrjrmX7p7viMIhA4Bjt_uk2tI/s1600/final.png" /></a></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Prerequest</b>: Suppose a company has two departments and the output of each department is different with each other. We need highlight when they have the same output from line chart report.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzu67cS-4JeFgCD2synfQB3F-lrkVgKn4kBNljW-mRNsSvbNMZ083w4vG8SyUb2BWbNL8sLwUHQaTAjZc8ND73XRFaW_nB06OWuppQ9wB85GdndFCMda6_bjgAmB6AJ66EiUcI2axtibs/s1600/data.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzu67cS-4JeFgCD2synfQB3F-lrkVgKn4kBNljW-mRNsSvbNMZ083w4vG8SyUb2BWbNL8sLwUHQaTAjZc8ND73XRFaW_nB06OWuppQ9wB85GdndFCMda6_bjgAmB6AJ66EiUcI2axtibs/s1600/data.png" /></a></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;">Select Column A2:C13 and insert a line chart from ribbon bar into your week sheet. Your chart should like this:</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbAx8dL80YmgVch0WnppFlbbzek_szK8KLfPClPcWByYQio6VRutSNd0RIXqSEYg0wy9757MvIZPnO82lBbBNYPAAjLmFk8ApV4rJou_Lfn7jU5vrq7FgH_9ZERA06gdx6hz9XWHhpXPY/s1600/originial.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbAx8dL80YmgVch0WnppFlbbzek_szK8KLfPClPcWByYQio6VRutSNd0RIXqSEYg0wy9757MvIZPnO82lBbBNYPAAjLmFk8ApV4rJou_Lfn7jU5vrq7FgH_9ZERA06gdx6hz9XWHhpXPY/s1600/originial.png" /></a></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 1: Assign the line chart a virtual X number value.</b><br />
<br />
As we know, the horizontal axis for line chart only stands for categories in Excel. It is not a real number value. In order to add cross point, we need assign a virtual number value to them. For this example, the horizontal axis stands for 12 months, so we can assign 0 - 12 to it, which matches 12 tick marks on the horizontal axis. We've also found that the first point of both chart are located at the center of the first category "Jan". All other categories are also located at the center position of every category. In other words, if we assign 0-12 to these horizontal categories, the X value of the first point should be 0.5 and the second should be 1.5... Let's save them in column E.<br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Gq2Qhpp8SVE8KlgiuBixB-sClPd77KXj1QBEDHir2MkpmyMOIky3rHtTpxKj38xOTCZFshgON-TIRG2spmCfECUNcFx1T0wwTCxEHOyWDFQ49JLWRzDK8u8YimoAD91SVGcPIznMDD8/s1600/data1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Gq2Qhpp8SVE8KlgiuBixB-sClPd77KXj1QBEDHir2MkpmyMOIky3rHtTpxKj38xOTCZFshgON-TIRG2spmCfECUNcFx1T0wwTCxEHOyWDFQ49JLWRzDK8u8YimoAD91SVGcPIznMDD8/s1600/data1.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Step 2: Does there exist cross point for each category?</b><br />
<br />
If the data meets the following 3 conditions, we say there is a cross point for these two lines in the category.</div><br />
<br />
<table cellpadding="8"><tbody>
<tr style="background: #fafafa;"><td style="font-family: Arial,Helvetica,sans-serif;"><img src="http://www.ucmapi.com/chart/005/patterna.png" style="margin-left: 0px;" /></td> <td style="font-family: Arial,Helvetica,sans-serif;" valign="top"><span style="font-size: small;"><b>Case A</b>: The current Y value of line A is greater than that of line B but the next Y values are reversed. An example is the category "Jan". </span><br />
<span style="font-size: small;"><br />
</span><br />
<span style="font-size: small;">For this example, we can use a formula to stand for this case.</span><br />
<span style="font-size: small;"><b style="color: #01349a;">(B2>C2)*(B3<C3)</b></span></td> </tr>
<tr> <td style="font-family: Arial,Helvetica,sans-serif;"><img src="http://www.ucmapi.com/chart/005/patternb.png" style="margin-left: 0px;" /></td> <td style="font-family: Arial,Helvetica,sans-serif;" valign="top"><span style="font-size: small;"><b>Case B</b>: The current Y value of line A is smaller than that of line B but the next Y values are reversed. An example is the category "Feb".</span><br />
<span style="font-size: small;"><br />
</span><br />
<span style="font-size: small;">For this example, we can use a formula to stand for this case.</span><br />
<span style="font-size: small;"><b style="color: #01349a;">(B2<C2)*(B3>C3)</b></span></td> </tr>
<tr style="background: none repeat scroll 0% 0% rgb(250, 250, 250);"> <td style="font-family: Arial,Helvetica,sans-serif;"><img src="http://www.ucmapi.com/chart/005/patternc.png" style="margin-left: 0px;" /></td> <td style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><b>Case C</b>: Case C is simple, if both values are equal with each other; we say they have cross point. For example, category "Apr" and "Dec". </span><br />
<span style="font-size: small;"><br />
</span><br />
<span style="font-size: small;">We can also use a formula to stand it </span><br />
<span style="font-size: small;"><b style="color: #01349a;">(B2=C2)</b></span></td></tr>
</tbody></table><br />
<br />
<div style="font-family: Arial,Helvetica,sans-serif;">Combine above conditions; we can get an integrated formula to check if there is a cross point for each category. If there is a cross point, the formula will return true, or it will return false. The <b style="color: #01349a;">formula</b> can be written as:<span class="xcode"> </span><br />
<br />
<div style="background-color: #fff2cc; font-family: "Courier New",Courier,monospace;"><span class="xcode">=IF(((B3>C3)*(B4<C4))+((B3<C3)*(B4>C4))+(B3=C3),TRUE,FALSE)</span></div></div><span style="font-family: Arial,Helvetica,sans-serif;"> </span><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">Input this formula to column F and drag to fill F2:F12, we can get if there are cross points in all categories.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><span style="font-family: Arial,Helvetica,sans-serif;"> </span><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><i>Notice: There is a special case. Because there is no data in F14, for F13, we cannot apply the above formula. It's an independent cell; we say there is cross point only when they are equal with each other. We can input the following formula into it like this.</i></div><span style="font-family: Arial,Helvetica,sans-serif;"> </span><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="background-color: #eeeeee; font-family: "Courier New",Courier,monospace;"><span class="xcode">=IF(B14=C14,TRUE,FALSE)</span></div><span style="font-family: Arial,Helvetica,sans-serif;"> </span><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">OK, you've got all information about if there is a cross point in a category. Please see column F from the previous data table.</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><br />
<br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Step 3: Calculate the X value for all cross points</span></b><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">We've got if there exist cross point for every category. But we cannot say all cross points are also located at the center of this category. We have to calculate X value for all cross points by ourselves. At this point, we need a mathematic knowledge. In math, we can use the following formula to get a cross point of two line.</span><br />
<br />
<i><span style="font-family: Arial,Helvetica,sans-serif;">Suppose two points (x1,y1) and (x2,y2) make a line and the point (x3,y3) and (x4,y4) make another one. Suppose they have a cross point and the cross point is (a,b), we can use the following two formula to get value for a & b.</span><br style="font-family: Arial,Helvetica,sans-serif;" /><br style="font-family: Arial,Helvetica,sans-serif;" /><span style="background-color: #eeeeee; font-family: "Courier New",Courier,monospace;">(b-y2)/(a-x2)=(y1-y2)/(x1-x2)</span><br style="background-color: #eeeeee; font-family: Arial,Helvetica,sans-serif;" /><span style="background-color: #eeeeee; font-family: "Courier New",Courier,monospace;">(b-y4)/(a-x4)=(y3-y4)/(x3-x4)</span></i><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Here I give out the final formula is Excel directly. You can research the above formula if you are interesting about it. All X values are saved into column G. If there is no cross point in the category, we will mark it as NA().</span><br />
<br />
<span style="background-color: #eeeeee; font-family: "Courier New",Courier,monospace;">=IF(F3,(E4*B3-E3*B4-E4*C3+E3*C4)/(C4-C3-B4+B3),NA())</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Notice: we also need to process the special case G13. The X value of G13 should be.</span><br />
<br />
<span style="background-color: #eeeeee; font-family: "Courier New",Courier,monospace;">=IF(F14,E14,NA())</span><br />
<br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Step 4: Get Y value for all cross points</span></b><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">If we've got all X value for the cross points, we can apply them into the above mathematical formula and get Y values for these points. You need mathematical knowledge again. Here I give out Excel formula directly too. Fill column H with the following formula and process the special case for H13, you can get the correct result.</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Formula in the cell H2:H12</span><br />
<br />
<span style="background-color: #fff2cc; font-family: "Courier New",Courier,monospace;">=((B4-B3)*G3+E4*B3-E3*B4)/(E4-E3)</span><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Formula in the cell H13</span><br />
<br />
<span style="background-color: #fff2cc; font-family: "Courier New",Courier,monospace;">=IF(F14,B14,NA())</span><br />
<br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Step 5: Continue creating chart</span></b><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">God, mathematic also makes me crazy. But we've got all auxiliary data. Let's go back to that line chart. Select column H (H2:H13) and press Ctrl+V to copy it to clipboard and then select that draft chart and press Ctrl+V to paste data for cross points into chart.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH5n2BEfykZ4lchjhbbPAWwWFMFM9Q4lIPbI3HoUlzJNGzNYEeluKAm00OlvbHbKAEuFQhBw-wqajcKfdSaqEJHKMgdjnYqpX8qpwUe0L9YrVFB0HejTVfZ4sf2t1t3TMUy1tBcHIw5vo/s1600/draft.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiH5n2BEfykZ4lchjhbbPAWwWFMFM9Q4lIPbI3HoUlzJNGzNYEeluKAm00OlvbHbKAEuFQhBw-wqajcKfdSaqEJHKMgdjnYqpX8qpwUe0L9YrVFB0HejTVfZ4sf2t1t3TMUy1tBcHIw5vo/s1600/draft.png" /> </a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: left;"><b>Step 6: Change the chart type of the new added series to "Scatter"</b></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;">Right click the new added series and select "Change Series Chart Types" from the context menu. Choose "Scatter" to change it to a scatter chart.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuxbQtMka4EjGZOaXholDZl1F6-55vkiT5bMwejlTjQQXdniC8Abfbv8zeGJjOS_9PzDCLt1RkZUAv0eaUcxFy3yrx4sfgM63m5PJooq0cdzCRFV7udrGy_qhvY4KYtCquRGomEdnF87Y/s1600/scatter.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuxbQtMka4EjGZOaXholDZl1F6-55vkiT5bMwejlTjQQXdniC8Abfbv8zeGJjOS_9PzDCLt1RkZUAv0eaUcxFy3yrx4sfgM63m5PJooq0cdzCRFV7udrGy_qhvY4KYtCquRGomEdnF87Y/s1600/scatter.png" /></a></div><div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: left;"></div><div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: left;"></div><div class="separator" style="clear: both; text-align: left;"><b> <span style="font-family: Arial,Helvetica,sans-serif;"> </span></b></div><div class="separator" style="clear: both; text-align: left;"><b><span style="font-family: Arial,Helvetica,sans-serif;">Step 7: Change the X value for the scatter chart</span></b></div><br />
<span style="font-family: Arial,Helvetica,sans-serif;">By default the X value for this series is column A, which means all cross point will be located at the center of every category. It's not our expectation. Right click the new scatter chart and choose "Select data" from context menu and change X value from column A to column G.</span><br />
<div class="separator" style="clear: both; text-align: left;"><br style="font-family: Arial,Helvetica,sans-serif;" /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijFEoYbRd0eHsO0fmeGV81a02DAisZi3Rg4d81qVBKDV0o8kuGsKBPrPgm4qkTyKaMKFTqV1xsTd-cuDmGfTetaC8Artosb-7pl0b2jOz_B-uCIKKdYSH_hmsvObPoOTtStRpFGEEnoZc/s1600/cola.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijFEoYbRd0eHsO0fmeGV81a02DAisZi3Rg4d81qVBKDV0o8kuGsKBPrPgm4qkTyKaMKFTqV1xsTd-cuDmGfTetaC8Artosb-7pl0b2jOz_B-uCIKKdYSH_hmsvObPoOTtStRpFGEEnoZc/s1600/cola.png" /> </a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: left;">Reselect Column G as the X for the scatter chart.</div><div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJobBUf6ZGT1Ec4wiqyKMMRWpaS-k3SZdSqLZbk-dbjxDG-5ih-T8t0zKYGJZfrfXHN_xfmW1RqVEW5V64qQDE3fr3sW5K1rVignKyYN1tFU4HG8of3UoRzMwGoKBxu1qrwqzkTrFzApI/s1600/colg.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJobBUf6ZGT1Ec4wiqyKMMRWpaS-k3SZdSqLZbk-dbjxDG-5ih-T8t0zKYGJZfrfXHN_xfmW1RqVEW5V64qQDE3fr3sW5K1rVignKyYN1tFU4HG8of3UoRzMwGoKBxu1qrwqzkTrFzApI/s1600/colg.png" /></a></div><div class="separator" style="clear: both; text-align: left;"></div><div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: left;">Until now, we've add all data into the chart correctly. But the cross points are still not located correctly.</div><div class="separator" style="clear: both; text-align: left;"><br style="font-family: Arial,Helvetica,sans-serif;" /></div><div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMdL67sgVQFofwp1E4Kg4ndROgaKKM5DdXOkKFJDtRkEGBNBUGRltSqTNJkkRrVVitXIURvtBeTFVXLWRss5zlGMj-DD3oeoyn3m0MUZtxtQCtAqgJD6CJPceMry2hSnx4amXcfFPTogg/s1600/axis.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMdL67sgVQFofwp1E4Kg4ndROgaKKM5DdXOkKFJDtRkEGBNBUGRltSqTNJkkRrVVitXIURvtBeTFVXLWRss5zlGMj-DD3oeoyn3m0MUZtxtQCtAqgJD6CJPceMry2hSnx4amXcfFPTogg/s1600/axis.png" /></a></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><b>Step 8: Format the secondary axis to position scatter to correct location</b><br />
<br />
Maybe you've found the reason why the cross points have not been located correctly. The maximal value for the secondary horizontal axis and the secondary vertical axis are not the same as the primary one, and this causes error position of the cross points. Change the maximal value the secondary horizontal axis to 12 and vertical one to 1000. (Notice, this value should be same as that from the primary axis.) Cool, all cross points are located to correct position automatically. The chart looks better than the draft one.</div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhpeM7H4OkvoA1rwGqf8Pojrz4BF101-9oyXl6-owLGeavqNhEsNH8uKnXBLdaBmBLA-WrntpSXPmHMcLgAZRErxYwzp7lkz_NEucOBoHkWbOg10FOonBOex1mW8RaCr1nqeraXftmUP4/s1600/got.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhpeM7H4OkvoA1rwGqf8Pojrz4BF101-9oyXl6-owLGeavqNhEsNH8uKnXBLdaBmBLA-WrntpSXPmHMcLgAZRErxYwzp7lkz_NEucOBoHkWbOg10FOonBOex1mW8RaCr1nqeraXftmUP4/s1600/got.png" /></a></div><br />
<b><span style="font-family: Arial,Helvetica,sans-serif;">Beautify the result chart</span></b><br />
<br />
<span style="font-family: Arial,Helvetica,sans-serif;">Let's remove all secondary axes and change the color and theme for chart background and lines. Add some data label for cross points. A professional line chart with highlighted cross points appears.</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVKyRPbf6qbiNJz34qgd19YzWmc_cPGkXIyElx1BSkdORXz7tyMuNn5ZjwCL-AQlIe-K7yKF4BFikNjCEjU69z_lNCEz89FgdlARWBpri8igj48UagTGfLA65CgldXvEKPRgmEHbE6awU/s1600/result.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVKyRPbf6qbiNJz34qgd19YzWmc_cPGkXIyElx1BSkdORXz7tyMuNn5ZjwCL-AQlIe-K7yKF4BFikNjCEjU69z_lNCEz89FgdlARWBpri8igj48UagTGfLA65CgldXvEKPRgmEHbE6awU/s1600/result.png" /></a></div><br />
<br />
</div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com1tag:blogger.com,1999:blog-4693409178141512812.post-54909959908345210142011-04-07T03:57:00.000-07:002011-04-14T23:20:43.153-07:00Excel Chart: Always Markup the Maximal and Minimal Value in a Line Chart.<div dir="ltr" style="text-align: left;" trbidi="on"><div style="font-family: Arial,Helvetica,sans-serif;"><a href="http://www.ucmapi.com/"><span style="font-size: small;">See all post here</span></a><br />
<span style="font-size: small;"> </span><br />
<span style="font-size: small;">Sometimes, we need markup some special values from a line chart such as the maximal or the minimal value. For example, we usually highlight the highest and the lowest quote from a stock price.</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">The question is <b>How to markup the maximal and minimal value from a line chart automatically in Excel</b>. </span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvG78FArtQqgvR8jx372M09Z2TJLsgI-a5pqDo04MShFLWAj4FtQb74MiqvKxVXLEAAqKPsp-bDXr41P8W4cubd-kyRAzdFLwB-emKk9Kfca5z9idZ57iKK-at-Bv8Uh7o1sJNVYOI0BU/s1600/stock.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvG78FArtQqgvR8jx372M09Z2TJLsgI-a5pqDo04MShFLWAj4FtQb74MiqvKxVXLEAAqKPsp-bDXr41P8W4cubd-kyRAzdFLwB-emKk9Kfca5z9idZ57iKK-at-Bv8Uh7o1sJNVYOI0BU/s1600/stock.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"></span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">We need two auxiliary data series to solve this issue. The first data series has relation with the maximal value. If raw data is not the maximal value, the relevant value in the first series will be "#NA", or the value will be the maximal value. After this rule, there are lots of "#NA" and one maximal in the first auxiliary series. The second data series is similar with the first one but for minimum.</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Step 1: Build auxiliary data sequence. Suppose we have a raw data series A2:A6. <br />
<br />
Select cell B2 and input the following formula:<br />
<span style="background-color: #f3f3f3; font-family: "Courier New",Courier,monospace;">=IF(A2=MAX($A$2:$A$6),A2,NA())</span></span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
Select cell C2 and input the following formula:<br />
<span style="background-color: #f3f3f3; font-family: "Courier New",Courier,monospace;">=IF(A2=MIN($A$2:$A$6),A2,NA())</span></span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
Drag the cell handle and fill B2:B6 with the same formula as that in B1. Fill C2:C6 with the same formula in C1.</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
<i>Notice: The function NA() always returns "#N/A", which means the cell does not contain any valid value. It's reasonable, because there usually is only on maximal or minimal value.</i></span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil6gsClFLHdjfl0sK4116yFmIr74GRfJwoeAB-34JUPqYYio55BX3x0kxeF2Ga06LHXzhymPR76leJJx5ZhL43UUYYnawndi1bwhpjT0cfpsz8Xst1dEOrKYXaRj8M0rRkqAdgxLtowH4/s1600/data.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil6gsClFLHdjfl0sK4116yFmIr74GRfJwoeAB-34JUPqYYio55BX3x0kxeF2Ga06LHXzhymPR76leJJx5ZhL43UUYYnawndi1bwhpjT0cfpsz8Xst1dEOrKYXaRj8M0rRkqAdgxLtowH4/s1600/data.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Step 2: Create Line Chart. Select A1:D6 and insert "Line Chart with Markers" from ribbon bar. The following line chart appears. Try to update the raw data, you can find the maximal and minimal value always be highlighted automatically.</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"></span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"></span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"></span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Step 3: Display data label for the maximal and minimal value. Click the maximal value and "Show data label". In the data label formatting dialog, check "Series Name" and "Value" at the same time. The final label is "Max,600".</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3yCfwzWzPp6RxwI277sA6pVGd4MCZFdcKuV28bez7EF04hraGZ8FXwxB419Qql_dGBEoc0qd9sFIzO1sNst5SdeeJshwtnhrzAUVM0X2LnuKkIlmbZHXQ9EfNBJEHiWq6oNWn886IrmY/s1600/maxmin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3yCfwzWzPp6RxwI277sA6pVGd4MCZFdcKuV28bez7EF04hraGZ8FXwxB419Qql_dGBEoc0qd9sFIzO1sNst5SdeeJshwtnhrzAUVM0X2LnuKkIlmbZHXQ9EfNBJEHiWq6oNWn886IrmY/s1600/maxmin.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
<br />
Step 4: Let's go more. The example chart looks professional. Can we create it in Excel? The answer is sure. But we need two additional operations:</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
1) Combine a line chart and area chart together to get an area chart with a highlight border.<br />
2) Customize data label with error bar and picture.<br />
</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">I just demo the first issue in this post. In fact, this issue is not very complex. We just need create a line chart and an area chart with the same data sequence.<br />
</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">Insert a blank area chart into the work sheet. Select the data series (Let’s use data from above example) and press ctrl+c to copy them to clipboard. Click the blank chart and press ctrl+v twice. Notice we need press ctrl+v twice to get two overlapped area chart.<br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUmm9APn5hWlKe8CPcLm8dKCMUAvJ6be0A_d8WgYA3tZwJnoZpLztpG0YIS65ukjjBQykczd6w3YJS3N4lDCLpedLlANGfUG0vFnPcuXEww1ZdxovRsgSJYSo4Gx-x-6YjGgHYcQjq7fQ/s1600/area.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUmm9APn5hWlKe8CPcLm8dKCMUAvJ6be0A_d8WgYA3tZwJnoZpLztpG0YIS65ukjjBQykczd6w3YJS3N4lDCLpedLlANGfUG0vFnPcuXEww1ZdxovRsgSJYSo4Gx-x-6YjGgHYcQjq7fQ/s1600/area.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC_ytbyUMg_IwVbYL8TZCV6AVg4iZfAaiiR4Teq9iRLGPyisuAEvIhPjzm4UofXKjZDgAbKwA7oSY2xLJ-7x676zsK5eS8QZpv5N8aRIiyz_aZIiWGWFejMnDdF9xq_F0aAHn1Kk93WP8/s1600/border.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><span style="font-size: small;">Click series 2 and change its type to “line chart”. OK an area chart with highlight border appears.</span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC_ytbyUMg_IwVbYL8TZCV6AVg4iZfAaiiR4Teq9iRLGPyisuAEvIhPjzm4UofXKjZDgAbKwA7oSY2xLJ-7x676zsK5eS8QZpv5N8aRIiyz_aZIiWGWFejMnDdF9xq_F0aAHn1Kk93WP8/s1600/border.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC_ytbyUMg_IwVbYL8TZCV6AVg4iZfAaiiR4Teq9iRLGPyisuAEvIhPjzm4UofXKjZDgAbKwA7oSY2xLJ-7x676zsK5eS8QZpv5N8aRIiyz_aZIiWGWFejMnDdF9xq_F0aAHn1Kk93WP8/s1600/border.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">If you like, you can apply some special color to it. I fill the following chart with these colors from above example. Does it look better?</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"></span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"></span></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfxXKXNGLpO_C9lGoZaHkK5Tnq7s9-5ZJZawE-AJYgodJPt0tbaSloPSYYEnKkFmHy4pjDeOdxXSVJFZ8wPIHPT9wvC5vVby7K3W0LIxUN8PEUXJyxeO_8q_uSeHDOJgwtQKv81WhOcrc/s1600/final.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfxXKXNGLpO_C9lGoZaHkK5Tnq7s9-5ZJZawE-AJYgodJPt0tbaSloPSYYEnKkFmHy4pjDeOdxXSVJFZ8wPIHPT9wvC5vVby7K3W0LIxUN8PEUXJyxeO_8q_uSeHDOJgwtQKv81WhOcrc/s1600/final.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0tag:blogger.com,1999:blog-4693409178141512812.post-83110126829424838152011-04-05T20:59:00.000-07:002011-05-20T03:32:21.375-07:00Business Chart: Classical Color Combination for Charts in Business Magazines<div dir="ltr" style="text-align: left;" trbidi="on"><div style="font-family: Arial,Helvetica,sans-serif;"><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><span style="font-size: x-small;">Ad <span style="font-size: small;"><b><a href="http://www.ucmapi.com/download.php?id=c51a880d-22cb-4d40-ab9f-e7b433d4a0ab">Office Tab</a></b></span></span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><i><span style="font-size: x-small;">Tabbed View for Word, Excel, PowerPoint, Project & Visio</span></i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s1600/xUntitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s200/xUntitled.png" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tZeoD33hHF3_0Q7lSBlRfFzAOObv_DeYvHqd8gP02vORjyTxn5Pgr0xPLLfQFfId0pKFsibydi62pG_HIzUWFSmNnouCOZ6RS_LnLs_2Y0FTZ-3XGCIEDTIAFs2LKsqAdvOu0Twal0/s1600/Untitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a><br />
<hr /><br />
<br />
<br />
Many friends often complain their charts are much too poor style and it's hard to make them professional. I think one of the diffcult issues should be How to use correct color & style? It seems those charts from business magazine always have a set of carefully designed color & style. Sometimes, we can differentiate a business chart and a personal one only by it.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;">In fact, most of us are not expert on color and have no plan to dig it. How to promote our charts and make them more business style? Design a personalized color combination should be an effective method. I've collected some common used color combination. Maybe they can give you some inspiration.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Color 1. Dark Teal</b><br />
<br />
As a popular business magazine, "The Economist" usually uses one color: Dark Teal. Darker or lighter Teal are also used to stand for different data series.<br />
<br />
Red is usually used as an important indicator such as average value. Maybe, you've noticed there is also a small red box on the top-left corner. It makes these charts more vivid. Sometimes, small decorations in chart are important too.<br />
<br />
In fact, this color has been used by many professional consultants or finance web sites, such as Roland Berger Strategy Consultants.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-4Kxqne2ZaTKAPFCbht0qj4vsyhh6O9AyjA4vzpYIGGE_JtEWWN4B9X5eXy1xnpH3lBmh-l8jE2WOOZVvUNQ_RSbtpvdE8jrL4mMjpDeyE3SziQDekq8X6Vceky8tcrYI8mW-BqwgvzI/s1600/teal.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-4Kxqne2ZaTKAPFCbht0qj4vsyhh6O9AyjA4vzpYIGGE_JtEWWN4B9X5eXy1xnpH3lBmh-l8jE2WOOZVvUNQ_RSbtpvdE8jrL4mMjpDeyE3SziQDekq8X6Vceky8tcrYI8mW-BqwgvzI/s1600/teal.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><b>Color 2. Blue + White</b><br />
<br />
This combination comes from Forbes. Forbes usually uses these charts in many finance reports. The color combination looks light.</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh9byknD3OuUT1t9gks_Ec0f_qrEmjLTxYtDUfmTSds8KAKMyM3FU7ygEc0mWudupic5PI704hcXqrR0gAaKUOBKg1moIPYJGXyf8JnrtVgC-W0W97vDE1ejN4LZ7AjDD0E1ZdmrDYwK8/s1600/blue.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh9byknD3OuUT1t9gks_Ec0f_qrEmjLTxYtDUfmTSds8KAKMyM3FU7ygEc0mWudupic5PI704hcXqrR0gAaKUOBKg1moIPYJGXyf8JnrtVgC-W0W97vDE1ejN4LZ7AjDD0E1ZdmrDYwK8/s1600/blue.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Color 3. Dark Blue + Red</b><br />
<br />
At its early stage, Business Week always uses dark blue and red as a special color combination in charts. I'm not sure where does this combination come from. But it seems the style gives us a feel of stable. Even though this style has been changed a little in recent magazine, Dark blue + Red are still a good color combination.</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuOJAmMLHaMcTiHquZFlYLyYDMoUwz_fCZkOAM1c9A9RlJ4lzb7mzGukvvG158M6aqfmnDKPcS39aGIY1wI-UE2_er-eIgdq6kPFYPPaZ0orKHGfUDbXbta7r9LcOPemijFDdv8OcOPNg/s1600/biz.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuOJAmMLHaMcTiHquZFlYLyYDMoUwz_fCZkOAM1c9A9RlJ4lzb7mzGukvvG158M6aqfmnDKPcS39aGIY1wI-UE2_er-eIgdq6kPFYPPaZ0orKHGfUDbXbta7r9LcOPemijFDdv8OcOPNg/s1600/biz.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Color 4. Orange + Gray</b><br />
<br />
I find many designers love this combination. This color combination has been used in many charts and even many companies' logo.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvOdvMqWR1OSPj5yuxn7kQz_qPaGEigC5DvxOGkaKfJq_yK8ilQMbVH2uEsZxWvotSZWt4Ld6NzTXufmpFhb5ijIhZN47eRnyTV2G66_LasqgXTl2zlPcMpPuSX56XBusAFWdYQEucXSs/s1600/orange.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvOdvMqWR1OSPj5yuxn7kQz_qPaGEigC5DvxOGkaKfJq_yK8ilQMbVH2uEsZxWvotSZWt4Ld6NzTXufmpFhb5ijIhZN47eRnyTV2G66_LasqgXTl2zlPcMpPuSX56XBusAFWdYQEucXSs/s1600/orange.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Color 5. Black + Yellow(Golden)</b><br />
<br />
Black and white contrast is most strongly. Black and Yellow or Gold looks also noble and professional.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0WeUzGdZrtewpzaGdkfbYLVp1Qd1gEjPokLaDkR54ao2heUM5EmSaE685Krc8DNIbBbXYJyw0cRsLlhF2hvvjeKWK9Zrc0EShuulmFkw2Erg2IMXOPRCkSJ4iz-5PKIT3jV4yrc6bNo4/s1600/black.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0WeUzGdZrtewpzaGdkfbYLVp1Qd1gEjPokLaDkR54ao2heUM5EmSaE685Krc8DNIbBbXYJyw0cRsLlhF2hvvjeKWK9Zrc0EShuulmFkw2Erg2IMXOPRCkSJ4iz-5PKIT3jV4yrc6bNo4/s1600/black.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Color 6. Black, White + Gray</b><br />
<br />
"The Wall street Journal" usually uses gray as chart's basic color. Even though the color is not rich, these charts are still very professional after it’s combined with good layout and comment.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVj3UkvJm-qRcL0COyMqroOgSji42BZmQXTWfHLvi7UVtpGSe1Q891N-yr2sAVFTUMRufc3iCdJZilUhugA-1yCstz1hufEqXaLsCLkwFZZt-yxxrNDy2Ujtpf3dTIRrDgNdjXzvJ9Rco/s1600/gray.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVj3UkvJm-qRcL0COyMqroOgSji42BZmQXTWfHLvi7UVtpGSe1Q891N-yr2sAVFTUMRufc3iCdJZilUhugA-1yCstz1hufEqXaLsCLkwFZZt-yxxrNDy2Ujtpf3dTIRrDgNdjXzvJ9Rco/s1600/gray.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Color 7. Dark Red + Gray</b><br />
<br />
This combination comes from many finance magazines. Some big companies also use it as their special color combination such as Chinese Sinopec.</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqYVe3VQ8IjhOjl80BOVSLbDjQl4Ba4qgiA5yAKcOf_T6-uQTkuYSKsy2lhSvLjUmYcmGQ5s3f1d3U46hb3LGRmAypLdJ74TO9GipwnGlFvBgkWE4hSx61QAwTKwZtPkFpIIMlxYTrRrw/s1600/red.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqYVe3VQ8IjhOjl80BOVSLbDjQl4Ba4qgiA5yAKcOf_T6-uQTkuYSKsy2lhSvLjUmYcmGQ5s3f1d3U46hb3LGRmAypLdJ74TO9GipwnGlFvBgkWE4hSx61QAwTKwZtPkFpIIMlxYTrRrw/s1600/red.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Color 8. Orange + Green</b><br />
<br />
This color combination is a little bright and full of vitality. It’s also a common used combination in many finance magazines.</div><div style="font-family: Arial,Helvetica,sans-serif;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxEPsli6G2T0_2mZd7-coGvcJcVIF5fkUpPzNtap3MPsYJ-GHNSGWZbzS7wdp8XwP6sRxQLFG2MlhRU7iisn78HuIIaqP3Pe9O5Fp3obfeGuLWSY9C-CBI9WHFAMMbYX5GMzpsIlmtoAs/s1600/green.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxEPsli6G2T0_2mZd7-coGvcJcVIF5fkUpPzNtap3MPsYJ-GHNSGWZbzS7wdp8XwP6sRxQLFG2MlhRU7iisn78HuIIaqP3Pe9O5Fp3obfeGuLWSY9C-CBI9WHFAMMbYX5GMzpsIlmtoAs/s1600/green.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
<b>Color 9. Combine color with logo</b><br />
<br />
Focus uses multiple color combination in its report. All colors come from its logo. We usually insert a logo into our report. It's a good idea to take your color combination from logo.</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUAnQHf8kal37uWEV4cVx3u6L8T4MEj7vgFaI9pAoqjPM61g2tWqBmnJSW-X4Pqk3Jfd6SRwPhL8TbziwlvZmen-y2SQP-q-2B4Nf7PkQCPFlGCgwmUNDrAOrmnd16aQSciMixlUtuOjY/s1600/focus.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUAnQHf8kal37uWEV4cVx3u6L8T4MEj7vgFaI9pAoqjPM61g2tWqBmnJSW-X4Pqk3Jfd6SRwPhL8TbziwlvZmen-y2SQP-q-2B4Nf7PkQCPFlGCgwmUNDrAOrmnd16aQSciMixlUtuOjY/s1600/focus.png" /></a></div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div><div style="font-family: Arial,Helvetica,sans-serif;"><br />
</div></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0tag:blogger.com,1999:blog-4693409178141512812.post-89257527919495353892011-03-27T21:05:00.000-07:002011-04-14T23:22:35.901-07:00Excel Chart: How to Create a Dot Plot in Excel<div dir="ltr" style="text-align: left;" trbidi="on"><i>Read <a href="http://www.ucmapi.com/chart">More Post</a> for Excel Chart</i><br />
<br />
<span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Last week, a friend dropped me a message and asked me how to create an Excel Chart like the following picture. </span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn-GMrbmI8DVNebtbvATYTLex3zIpTrPNBq4V5CZ15-OY424U7VIvbmgxohbfgza5dfbu1YhxyWciFgh1moOu0kp507nzny_K1sIng5pFeMwu6YKAZ45A9wkB2bwcI1UdjLPOYZzqom38/s1600/chart003-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgn-GMrbmI8DVNebtbvATYTLex3zIpTrPNBq4V5CZ15-OY424U7VIvbmgxohbfgza5dfbu1YhxyWciFgh1moOu0kp507nzny_K1sIng5pFeMwu6YKAZ45A9wkB2bwcI1UdjLPOYZzqom38/s1600/chart003-01.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">At the first look, the chart is a <b>vertical line chart</b>. In fact, after discussing with some chart experts, it’s a kind of dot plot. Many market research centers use it to compare two different objects and list some special differences in one chart.</span></span><br />
<div style="text-align: left;"><br />
</div><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">In our last post, we give an detail steps how to alternate plot area background in Excel. I will continue using this technology in this post. The final dot plot looks like the follow picture.</span><br style="font-family: Arial,Helvetica,sans-serif;" /><br style="font-family: Arial,Helvetica,sans-serif;" /><span style="font-size: x-small;"><i><span style="font-family: Arial,Helvetica,sans-serif;">[Notice: The chart is created on Excel 2010]</span></i></span></span><span style="font-size: small;"> </span><br />
<span style="font-size: small;"></span><br />
<div style="text-align: center;"><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQDCLerTYWBuUChQ68vwCPNyrH9EwGNth5pB4x6x6G6s4kOn0lDMIF6GToTm7UoGmRXHXbDGjBooF_LorCJjyep_BJIOEfkTRIx4H31Uz52kcTKCPZzJwJqO71R6BVdob2QpVe_E7DNJ8/s1600/chart003-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQDCLerTYWBuUChQ68vwCPNyrH9EwGNth5pB4x6x6G6s4kOn0lDMIF6GToTm7UoGmRXHXbDGjBooF_LorCJjyep_BJIOEfkTRIx4H31Uz52kcTKCPZzJwJqO71R6BVdob2QpVe_E7DNJ8/s1600/chart003-02.jpg" /></a></span></div><span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQDCLerTYWBuUChQ68vwCPNyrH9EwGNth5pB4x6x6G6s4kOn0lDMIF6GToTm7UoGmRXHXbDGjBooF_LorCJjyep_BJIOEfkTRIx4H31Uz52kcTKCPZzJwJqO71R6BVdob2QpVe_E7DNJ8/s1600/chart003-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></span><br />
<div style="text-align: left;"></div><br />
<div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;">In order to complete this chart, we have to add two auxiliary data sequences. The first column will be used as alternative background and the second column will be used control the layout of dot plot.</span><br />
<br />
<span style="font-size: small;"><b>Pre-request:</b> Suppose we have the following raw data sequences and one legend sequence. We add two auxiliary data sequences and fill them like the following table. Column D is used as alternative background bar. Column E will force the dot plot to a correct layout.</span><br />
<span style="font-size: small;"></span><br />
<div style="text-align: center;"><span style="font-size: small;"><br />
</span><br />
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7nDFFijAIVrzjRJnYt_iszGf2qkInJE42cnuH6-I2y3NxIRq71SshcLU029dA8Z8K7rWc2_VsPu0eh0-idIE8oQP473JSrZumHx8mcqscZSiI8EPXIMXhpqiIN3UelzWQd3BMjGF5uhY/s1600/chart003-03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7nDFFijAIVrzjRJnYt_iszGf2qkInJE42cnuH6-I2y3NxIRq71SshcLU029dA8Z8K7rWc2_VsPu0eh0-idIE8oQP473JSrZumHx8mcqscZSiI8EPXIMXhpqiIN3UelzWQd3BMjGF5uhY/s1600/chart003-03.jpg" /></a></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: small;"><br />
</span></div><span style="font-size: small;"><br />
<b>Step 1.</b> Select legend column and column B, C & D and Insert a 2D clustered-bar chart into your worksheet.<br />
</span><br />
<div style="text-align: center;"><span style="font-size: small;"><br />
</span><br />
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeMjlacxw4NzRA0xc_IPdQURoxElHe-OpuF32rfbnPr4170pe00xXJ6CNPfQXx26emVcDTUDy-WxNLkSs3ukP7jxTlNSjOqNyBR7a9YqhauPChbehMScBgiDwKvtBxbGDTqO6egeFCljQ/s1600/chart003-04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeMjlacxw4NzRA0xc_IPdQURoxElHe-OpuF32rfbnPr4170pe00xXJ6CNPfQXx26emVcDTUDy-WxNLkSs3ukP7jxTlNSjOqNyBR7a9YqhauPChbehMScBgiDwKvtBxbGDTqO6egeFCljQ/s1600/chart003-04.jpg" /></a></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-size: small;"><br />
</span></div><span style="font-size: small;"><br />
<b>Step 2. </b>Change the Maximum value of “Primary Horizontal Axis” to 100 so the bar will fill out the “Plot Area”<br />
<div style="text-align: center;"><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiULsqHOCymAG2yWa_taX5UTqB69tMD05m15IXuNoLDVvff2iEuhIG_7FIy-4ibHaKfIMu8ksrOojzCYXQWyLKsuAEHv0NbLl4ljMbxY65LCdJQaFg8wHNQhS-9ttWByvXKjBhf0clSfyo/s1600/chart003-04.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiULsqHOCymAG2yWa_taX5UTqB69tMD05m15IXuNoLDVvff2iEuhIG_7FIy-4ibHaKfIMu8ksrOojzCYXQWyLKsuAEHv0NbLl4ljMbxY65LCdJQaFg8wHNQhS-9ttWByvXKjBhf0clSfyo/s1600/chart003-04.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><br />
<b>Step 3.</b> Change the show direction of “Primary Vertical Axis”.<br />
<div style="text-align: center;"><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG6I0az18JZxCRZl0QvTr4rigRh5m7TRIXnR4GetKji2xpsqC7Cs-M-dnv45B3w24KQIaXsTIAfzVrLj-CPxmrolcND1uO4qcX1vAb9u43m8RncLEiR58yhyphenhyphenY9ju7RJMVsNvhlZs4835E/s1600/chart003-05.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG6I0az18JZxCRZl0QvTr4rigRh5m7TRIXnR4GetKji2xpsqC7Cs-M-dnv45B3w24KQIaXsTIAfzVrLj-CPxmrolcND1uO4qcX1vAb9u43m8RncLEiR58yhyphenhyphenY9ju7RJMVsNvhlZs4835E/s1600/chart003-05.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><br />
<b>Step 4.</b> Select “Series 1” and change it’s type to “Scatter with Straight Lines and Markers”. Now, the chart looks very strange. But don’t worry. We will change it to a normal chart at next step.<br />
<br />
<div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-6fu8SxKixYVAwpOZ-384MGDecnbSlbaBGKws8iIDICVP9KM6bQgvWSzUjN_vgwaaPr3lQGziOezs6_i0sHoSSvxhIj58g8qA6Exl77_avFySXmoZZ0izLppcE5N1XGLQL7kiLjEeKpQ/s1600/chart003-05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-6fu8SxKixYVAwpOZ-384MGDecnbSlbaBGKws8iIDICVP9KM6bQgvWSzUjN_vgwaaPr3lQGziOezs6_i0sHoSSvxhIj58g8qA6Exl77_avFySXmoZZ0izLppcE5N1XGLQL7kiLjEeKpQ/s1600/chart003-05.jpg" /></a></div><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTMZIFyzN1Rh24n8CDXDvZ5hpAFsBuem28CWyLNwUJ1_PZo7xs-qcKi-VFXXUvgQGWLyKLezRbJXAG4JEnjyYqH2HkNawGW2YlfvY9wOagBVA_tydZiruijYlLTWouMrA77dv3e1-vUSI/s1600/chart003-06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTMZIFyzN1Rh24n8CDXDvZ5hpAFsBuem28CWyLNwUJ1_PZo7xs-qcKi-VFXXUvgQGWLyKLezRbJXAG4JEnjyYqH2HkNawGW2YlfvY9wOagBVA_tydZiruijYlLTWouMrA77dv3e1-vUSI/s1600/chart003-06.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0P7WXL5ORj9aTBvbpYJXr10LhhlCM23rbZb87ZCdHm9DCE6b_ozr5uL1BBclypOeZlLkfvbvM9SLGvShUSDn5E0jzv3nDKcaLMm5BgJVHcWFLZULu9HjiQ-pgbv2875kVkVDXu5RI1qo/s1600/chart003-07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><br />
<b>Step 5.</b> [<b style="color: red;">Key Step</b>]Still select “Series 1” (the strange series) and right click to launch context menu. Choose “Select Data…” to open the “Select Data Source” dialog. In the dialog, select Series 1 and click “Edit “ button. <br />
<br />
<div style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0P7WXL5ORj9aTBvbpYJXr10LhhlCM23rbZb87ZCdHm9DCE6b_ozr5uL1BBclypOeZlLkfvbvM9SLGvShUSDn5E0jzv3nDKcaLMm5BgJVHcWFLZULu9HjiQ-pgbv2875kVkVDXu5RI1qo/s1600/chart003-07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0P7WXL5ORj9aTBvbpYJXr10LhhlCM23rbZb87ZCdHm9DCE6b_ozr5uL1BBclypOeZlLkfvbvM9SLGvShUSDn5E0jzv3nDKcaLMm5BgJVHcWFLZULu9HjiQ-pgbv2875kVkVDXu5RI1qo/s1600/chart003-07.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><br />
• Give this series a name. Here, we name it “Cost”.<br />
• Re-assign values of Column B to series X. This operation is same as copying values from series Y to series X.<br />
• Re-assign values of Column E to series Y. <br />
<div style="text-align: center;"><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo2uwEHP7NZBDCUOSjNnYoYs5OYLSD-vDyR0AKzZsl3xemXxq_t_qkTNBY_xYj7_4I7YjniNYaX-OUs1V-GNdZlLcvSsim1SPomQPL2D8CbaAWVSJtrELi0Pj6H2wzokoB_DaaeDHI6x4/s1600/chart003-08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo2uwEHP7NZBDCUOSjNnYoYs5OYLSD-vDyR0AKzZsl3xemXxq_t_qkTNBY_xYj7_4I7YjniNYaX-OUs1V-GNdZlLcvSsim1SPomQPL2D8CbaAWVSJtrELi0Pj6H2wzokoB_DaaeDHI6x4/s1600/chart003-08.jpg" /></a></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg74RjpMIKnDcH97y2Q_shN9OW8QGDSpYx05XXk1ZUUV0MFYigClg5lVrjkPU7Rw_cG2NVNqA8LRL8XrSv60GX1sgWApYEDvhj2MsuNyaVOiqoL3I7hGsDvQOlIXyXs_6CmjIlF2SnqmrY/s1600/chart003-09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div><br />
After this key operation, the strange line disappear and a basic dot plot has appeared.<br />
<div style="text-align: center;"><br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg74RjpMIKnDcH97y2Q_shN9OW8QGDSpYx05XXk1ZUUV0MFYigClg5lVrjkPU7Rw_cG2NVNqA8LRL8XrSv60GX1sgWApYEDvhj2MsuNyaVOiqoL3I7hGsDvQOlIXyXs_6CmjIlF2SnqmrY/s1600/chart003-09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg74RjpMIKnDcH97y2Q_shN9OW8QGDSpYx05XXk1ZUUV0MFYigClg5lVrjkPU7Rw_cG2NVNqA8LRL8XrSv60GX1sgWApYEDvhj2MsuNyaVOiqoL3I7hGsDvQOlIXyXs_6CmjIlF2SnqmrY/s1600/chart003-09.jpg" /></a></div><br />
<b>Step 6.</b> OK, no other and let’s repeat step 5 for series 2<br />
<br />
<b>Step 7.</b> Change Gap Width for series 3 (the bar series) to 0 and select “Second Vertical Axis” to change the Minimum of Second Vertical Axis to 1. A dot plot appears and you can present it to other people now. <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnq3FcKz3X-fezGPy5FU7KZ4RKBShZRHmropYpl8O3kXd779h5vk78yl8AMlZr0NSzX0cKiLfG05JQFaXmly-JiIHlH5s5z0f4-ynt_-NBh7XpxmFRF2meZ9dzHVovDx-TTmV1-xkYKp8/s1600/chart003-10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnq3FcKz3X-fezGPy5FU7KZ4RKBShZRHmropYpl8O3kXd779h5vk78yl8AMlZr0NSzX0cKiLfG05JQFaXmly-JiIHlH5s5z0f4-ynt_-NBh7XpxmFRF2meZ9dzHVovDx-TTmV1-xkYKp8/s1600/chart003-10.jpg" /></a></div><br />
<b>Step 8.</b> Apply professional color and theme from business week classical template library. The final chart appears. Does it look a little professional? </span></div><div style="font-family: Arial,Helvetica,sans-serif;"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQDCLerTYWBuUChQ68vwCPNyrH9EwGNth5pB4x6x6G6s4kOn0lDMIF6GToTm7UoGmRXHXbDGjBooF_LorCJjyep_BJIOEfkTRIx4H31Uz52kcTKCPZzJwJqO71R6BVdob2QpVe_E7DNJ8/s1600/chart003-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQDCLerTYWBuUChQ68vwCPNyrH9EwGNth5pB4x6x6G6s4kOn0lDMIF6GToTm7UoGmRXHXbDGjBooF_LorCJjyep_BJIOEfkTRIx4H31Uz52kcTKCPZzJwJqO71R6BVdob2QpVe_E7DNJ8/s1600/chart003-02.jpg" /></a></div><span style="font-size: small;"><br />
<span style="font-family: Times New Roman;"> </span></span><br />
<span style="font-size: small;"></span><br />
<div align="right" class="MsoListParagraphCxSpFirst" style="margin: 0in 0in 0pt 0.5in; text-align: right;"><span style="font-size: small;"><span class="apple-style-span"><i style="mso-bidi-font-style: normal;"><span style="color: black; font-family: "Arial","sans-serif"; font-size: 10pt; line-height: 115%;">Copyright © <a href="http://www.ucmapi.com/">Ucmapi Software Studio<o:p></o:p></a></span></i></span></span></div><span style="font-size: small;"><span style="font-family: Times New Roman;"> </span><br />
</span><br />
<div align="right" class="MsoListParagraphCxSpLast" style="margin: 0in 0in 10pt 0.5in; text-align: right;"><span style="font-size: small;"><span class="apple-style-span"><i style="mso-bidi-font-style: normal;"><span style="color: black; font-family: "Arial","sans-serif"; font-size: 10pt; line-height: 115%;">Mail to </span></i></span><a href="mailto:support@ucmapi.com"><i style="mso-bidi-font-style: normal;"><span style="font-family: "Arial","sans-serif"; font-size: 10pt; line-height: 115%;"><span style="color: blue;">support@ucmapi.com</span></span></i></a><span class="apple-style-span"><i style="mso-bidi-font-style: normal;"><span style="color: black; font-family: "Arial","sans-serif"; font-size: 10pt; line-height: 115%;"> to get more support (Free)<o:p></o:p></span></i></span></span></div><span style="font-size: small;"><span style="font-family: Times New Roman;"> </span></span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div><div style="font-family: Arial,Helvetica,sans-serif;"><span style="font-size: small;"><br />
</span></div><br />
</div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0tag:blogger.com,1999:blog-4693409178141512812.post-46968431753668042082011-03-17T23:15:00.000-07:002011-05-20T03:31:52.800-07:00Excel Chart: How to Alternate “Plot Area” Background in Excel<div dir="ltr" style="text-align: left;" trbidi="on"><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><span style="font-size: x-small;">Ad <span style="font-size: small;"><b><a href="http://www.ucmapi.com/download.php?id=c51a880d-22cb-4d40-ab9f-e7b433d4a0ab">Office Tab</a></b></span></span></div><div style="font-family: Arial,Helvetica,sans-serif; text-align: right;"><i><span style="font-size: x-small;">Tabbed View for Word, Excel, PowerPoint, Project & Visio</span></i></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s1600/xUntitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="41" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhns34KXRgFocAqNsxjNAcqLp0YHNi3xKzTE7CzJe6Po-CgxE0aoBaZi99Tu2zgyjoZBR_JLDN6FjAbOU0Gt1DEUMbrsxOCgIycZDzNyN4TxYoyN4-KMkmdZQyx8NxqhR_PHiJ9abviDvU/s200/xUntitled.png" width="200" /></a></div><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_tZeoD33hHF3_0Q7lSBlRfFzAOObv_DeYvHqd8gP02vORjyTxn5Pgr0xPLLfQFfId0pKFsibydi62pG_HIzUWFSmNnouCOZ6RS_LnLs_2Y0FTZ-3XGCIEDTIAFs2LKsqAdvOu0Twal0/s1600/Untitled.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><br />
</a><br />
<hr /><br />
<br />
<br />
<span style="font-size: small;"><span style="font-family: Verdana,sans-serif;">The "Business Week" has given us many cool examples about what are BUSINESS charts. These charts are much too professional and all of us want to create this kind of chart in our daily report. <a href="http://www.ucmapi.com/">Ucmapi</a> will start a thread to interduct how to create them in the most common used software - Microsoft Excel. </span></span><br />
<br />
<div class="MsoNormal"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGixJIdwhiRTOSGGpz0hdiupCX3UcVGfiGhmxQviL9zrIg5unmEyQHdbtSjFkmbMAOoJrymE9YCoF8PmAAewlvECRxCMhK08M59DZDRKVeOny3MEoW_si5KYfo-FGv_MQbiaHD6gl7JBs/s1600/bizweek.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGixJIdwhiRTOSGGpz0hdiupCX3UcVGfiGhmxQviL9zrIg5unmEyQHdbtSjFkmbMAOoJrymE9YCoF8PmAAewlvECRxCMhK08M59DZDRKVeOny3MEoW_si5KYfo-FGv_MQbiaHD6gl7JBs/s1600/bizweek.gif" /></a></div><br />
</div><div class="MsoNormal" style="font-family: Verdana,sans-serif;"><span style="font-size: small;"><span class="apple-style-span"><span style="color: black;">Let's begin with the above business week's example. How to alternate plot area color with different color. We have two methods to solve this issue. But here, we only interduct one. We ask an auxiliary data sequence to simulate interlaced coloring. Even though this method is a little technique, it is not too difficult. We only need 7 steps. </span></span></span></div><div class="MsoNormal"><span class="apple-style-span"><span style="color: black; font-family: "Arial","sans-serif";"><span style="font-size: small;"><br style="font-family: Verdana,sans-serif;" /><span style="font-family: Verdana,sans-serif;">[Notice: The chart is created on Excel 2010]</span></span></span></span><br />
<br />
<span class="apple-style-span"><span style="color: black; font-family: "Arial","sans-serif";"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"><b>Prerequest</b>: Suppose we have two data sequences and one legend sequence. We add an auxiliary column D and fill with 0,1,0,1...</span></span></span></span><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD2mREjM3AffmvVJiv72hcVTZMWpbgU26aMY7bjISbnbMrXBrL4EZpT6MZw6klo8mHMaemiht6791fBX-XF4_SOHOcr-enFd-LbqjGvOZ2r3-zIGmfYMwejskK2l7vR6aFGTsRjE7cERQ/s1600/chart001-001.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD2mREjM3AffmvVJiv72hcVTZMWpbgU26aMY7bjISbnbMrXBrL4EZpT6MZw6klo8mHMaemiht6791fBX-XF4_SOHOcr-enFd-LbqjGvOZ2r3-zIGmfYMwejskK2l7vR6aFGTsRjE7cERQ/s1600/chart001-001.png" /></a></div><br />
<span class="apple-style-span"><span style="color: black; font-family: "Arial","sans-serif";"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"><b>Step 1:</b> Insert a blank 2D-Bar chart into your worksheet.</span></span></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj09zR2eThTfN9Yc44IwDbv4bd3L6GS9864PlOCl-0G7HMwldsE_J1AVL5MGRafEbrHST33S1bZbVIHJeBCrEnvXfDgmIiFaqdAytMWxSChQUxU057vs-r5PZDoyLGuHQK-t4wehjckp5k/s1600/chart001-002.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj09zR2eThTfN9Yc44IwDbv4bd3L6GS9864PlOCl-0G7HMwldsE_J1AVL5MGRafEbrHST33S1bZbVIHJeBCrEnvXfDgmIiFaqdAytMWxSChQUxU057vs-r5PZDoyLGuHQK-t4wehjckp5k/s1600/chart001-002.png" /></a></div><br />
<span class="apple-style-span"><span style="color: black; font-family: "Arial","sans-serif";"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"><b>Step 2:</b> Select the auxiliary data sequence and press Ctrl+C to copy data to clipboard. Then click the blank to select chart and press Ctrl+V. Two bars will display in chart like the following picture. </span></span></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLkRck8qO55Ag6YVGIwznV-t2wNT4TTCzLXr75x7rL9ObWTb6RYn7xO03WDhnv1o0aSeP6aYsfieVB9EJMGxk0d951kenMVmpi93SNZFqAqqWdfZZGY0OzTeYFUEQqKnqnGl63cw5Tds/s1600/chart001-003.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyLkRck8qO55Ag6YVGIwznV-t2wNT4TTCzLXr75x7rL9ObWTb6RYn7xO03WDhnv1o0aSeP6aYsfieVB9EJMGxk0d951kenMVmpi93SNZFqAqqWdfZZGY0OzTeYFUEQqKnqnGl63cw5Tds/s1600/chart001-003.png" /></a></div><br />
<span class="apple-style-span"><span style="color: black; font-family: "Arial","sans-serif";"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"><b>Step 3: [<span style="color: red;">Important step</span>]</b> Convert the auxiliary data sequence into interlaced coloring band.<br />
<br />
3.1 Change the order and Maximun value of “Primary Horizontal Axis”. </span></span></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZYOVK99SVZS0fqlKiscxp16n_gb9kE80x6uHiWTCM9-fPrQCqboZ9LJiAM_lY-ybAXUCzmjyI9Kt1q0kJ6sfpK-Z2tevuod_e-sTcxR6d8zPpqNXRs0Ftg1xU0T1LZkbthrexzGKdfGQ/s1600/chart001-004.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZYOVK99SVZS0fqlKiscxp16n_gb9kE80x6uHiWTCM9-fPrQCqboZ9LJiAM_lY-ybAXUCzmjyI9Kt1q0kJ6sfpK-Z2tevuod_e-sTcxR6d8zPpqNXRs0Ftg1xU0T1LZkbthrexzGKdfGQ/s1600/chart001-004.png" /></a></div><span class="apple-style-span"><span style="color: black; font-family: "Arial","sans-serif";"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"> </span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Q55-tb-7WtLsPMijevqTZuAoh7goGlgbY2-ieL7vgZlk8binsG7tE5RgzTPMnLkMxtfblAiN4LWUTOlLgFLOKLhTkIWw8gU3P_BAR8sZwFT7gevbYe9ktYM8KGc3TnOtr_LKlxQFXqo/s1600/chart001-005.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Q55-tb-7WtLsPMijevqTZuAoh7goGlgbY2-ieL7vgZlk8binsG7tE5RgzTPMnLkMxtfblAiN4LWUTOlLgFLOKLhTkIWw8gU3P_BAR8sZwFT7gevbYe9ktYM8KGc3TnOtr_LKlxQFXqo/s1600/chart001-005.png" /></a></div><br />
<span class="apple-style-span"><span style="color: black; font-family: "Arial","sans-serif";"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;">3.2 Change the show direction of “Primary Vertical Axis”.</span></span></span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6GxRSErAgjRjSEQgWpLzLCKMb6pIlbbec51X1qRCcgnAf6t5AASZtwOVfq-JQy8myojXbZz9rtucT-fPRv9SV6GMGd0es7DBHyfKXHLtX2SgPfElj1M2zbL0ZElKBd2UcYpWeyc-swi4/s1600/chart001-006.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6GxRSErAgjRjSEQgWpLzLCKMb6pIlbbec51X1qRCcgnAf6t5AASZtwOVfq-JQy8myojXbZz9rtucT-fPRv9SV6GMGd0es7DBHyfKXHLtX2SgPfElj1M2zbL0ZElKBd2UcYpWeyc-swi4/s1600/chart001-006.png" /></a></div><span class="apple-style-span"><span style="color: black; font-family: "Arial","sans-serif";"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"><b>Step 4:</b> Change default gap of the auxiliary data sequence. Select auxiliary data sequence by clicking on the blue bar and click right mouse button to launch context menu. Choose "Format Data Series..." to change "Gap width" to 0</span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4qHDv6ny4iJJUggNV_F8DULwh7pAmsMH8REMN_o4FikLtEDg7hi02XWMDNPYJY4tYTViZuXJbyizJvwhF0N8ZK2sDGgNY8v1PLSBPU88C_khRD7Ywa9yWIMNYvb2wdSZeb-lBDkVkLDE/s1600/chart001-007.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4qHDv6ny4iJJUggNV_F8DULwh7pAmsMH8REMN_o4FikLtEDg7hi02XWMDNPYJY4tYTViZuXJbyizJvwhF0N8ZK2sDGgNY8v1PLSBPU88C_khRD7Ywa9yWIMNYvb2wdSZeb-lBDkVkLDE/s1600/chart001-007.png" /> </a></div><div class="separator" style="clear: both; text-align: center;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxAjjvLpWwsd9-8ATRaHkYUH_JFcWvza5at4ZfiUbtr6CngU9k0RlIktCZ0F62AnlIGDKLKHSNYmuzj2RJO2_MCW80pM5codhEc6W91Gsi02XnYb4OVFuOgsp00uIbDStV94cFALa98f8/s1600/chart001-008.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxAjjvLpWwsd9-8ATRaHkYUH_JFcWvza5at4ZfiUbtr6CngU9k0RlIktCZ0F62AnlIGDKLKHSNYmuzj2RJO2_MCW80pM5codhEc6W91Gsi02XnYb4OVFuOgsp00uIbDStV94cFALa98f8/s1600/chart001-008.png" /></a></div><div class="separator" style="clear: both; text-align: left;"> <span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"> </span></span></div><div class="separator" style="clear: both; text-align: left;"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"><b>Step 5: </b>Add real data sequence now. Select the second column and press Ctrl+C and select chart then press Ctrl+V. The second data sequence will be added into chart. But the current picture is very confuse.</span></span></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPatQy9nLZe7s6o3oOgRacRtQfNbDNobAnsaKsupiEFAcjGvfeL5D91MbdlcCGtRJNgeaAU5BHMCbnZLWnck7TwvfuBMle9yczPudlrH6f_Rh8iJZN7ZIutkR5c2RBudJ3CUVM8LjzIiA/s1600/chart001-009.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPatQy9nLZe7s6o3oOgRacRtQfNbDNobAnsaKsupiEFAcjGvfeL5D91MbdlcCGtRJNgeaAU5BHMCbnZLWnck7TwvfuBMle9yczPudlrH6f_Rh8iJZN7ZIutkR5c2RBudJ3CUVM8LjzIiA/s1600/chart001-009.png" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"><b>Step 6:</b> Select the new added series and right click mouse. Select "Change Series Chart Type..." and select 2D-Column. Add new series and change all new series's gap width back to 100%.</span></span></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: left;"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"></span></span></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCQQ_xhJFuKK_sJVOs-4Yr2E0JRMD0QFSzlDq1zub8xgz5HOTl9_-xxYfi3jO4RFvI5GhYSdPfV9v2gfIh9F1kRiMqnPVIKq_8xYaw9fc-aJeSWJAAAK8Pr4Zncc7AB6_up9z96XHbxpw/s1600/chart001-010.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCQQ_xhJFuKK_sJVOs-4Yr2E0JRMD0QFSzlDq1zub8xgz5HOTl9_-xxYfi3jO4RFvI5GhYSdPfV9v2gfIh9F1kRiMqnPVIKq_8xYaw9fc-aJeSWJAAAK8Pr4Zncc7AB6_up9z96XHbxpw/s1600/chart001-010.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGXzdpClPCHr8gjvVDnqxApBxwVEjlQFEdCpaKQwFOD9j39Rm6WNSQtvmuM23x-x2OK8LgmvD4LUybIBn67cYGqP4L_ubjuHxOexrvLM36WWjhPDOejm2Pbn6D49sZswhMue7Y079P1Kc/s1600/chart001-011.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGXzdpClPCHr8gjvVDnqxApBxwVEjlQFEdCpaKQwFOD9j39Rm6WNSQtvmuM23x-x2OK8LgmvD4LUybIBn67cYGqP4L_ubjuHxOexrvLM36WWjhPDOejm2Pbn6D49sZswhMue7Y079P1Kc/s1600/chart001-011.png" /> </a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDcghAARuuHmy-xNHFCSN7TQLwZ7bNKbdAXjlD3ycsF2_BO6vRViU5Baq0zz7VDdIE0At6f7H24_xXnE_z0RiS_1CqgaAquEt5bOWGPbVlhcJMxOWJNcFHxMM7I_92sd9Osf-tM_vuX3c/s1600/chart001-012.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDcghAARuuHmy-xNHFCSN7TQLwZ7bNKbdAXjlD3ycsF2_BO6vRViU5Baq0zz7VDdIE0At6f7H24_xXnE_z0RiS_1CqgaAquEt5bOWGPbVlhcJMxOWJNcFHxMM7I_92sd9Osf-tM_vuX3c/s1600/chart001-012.png" /></a></div><div class="separator" style="clear: both; text-align: left;"><br />
</div><span class="apple-style-span"><span style="color: black; font-family: "Arial","sans-serif";"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"><b>Step 7:</b> Insert a "Rectangle" shape into your chart as title and then format the basic picture to make it professonal. Change "Chart Area" color to gray. Change "Plot Area" color to gray too. Change "Data Series" color to light gray. Great, you’ve got a professional chart now!</span></span></span></span><br />
<br />
<span class="apple-style-span"><span style="color: black; font-family: "Arial","sans-serif";"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"></span></span></span></span><br />
<span class="apple-style-span"><span style="color: black; font-family: "Arial","sans-serif";"><span style="font-size: small;"><span style="font-family: Verdana,sans-serif;"></span></span></span></span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdwFgUsPW29Qwau0Qh4UGlmcZ2La4DKHUaL-wVGci-4xDCdbvFgJXrGCQhgNAAVZiq20365wKKVsc7NLQ0-u0QnejzwszezZ9TT235SkKoIIXNvVRbDDDLA5kXHa1uoV6fOP_V0zcOcLU/s1600/chart001-013.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdwFgUsPW29Qwau0Qh4UGlmcZ2La4DKHUaL-wVGci-4xDCdbvFgJXrGCQhgNAAVZiq20365wKKVsc7NLQ0-u0QnejzwszezZ9TT235SkKoIIXNvVRbDDDLA5kXHa1uoV6fOP_V0zcOcLU/s1600/chart001-013.png" /></a></div><br />
<div class="MsoListParagraph"><br />
</div><div class="MsoListParagraph"><span class="apple-style-span"><b><span style="color: black; font-family: "Arial","sans-serif";">The finial chart looks like:</span></b></span></div><br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4k6TA3-ti4lBnnb1h-Os9XfplGnTKE-BZfY-oJKTUqfJefMTiK9LXklBMSO8aWTrby240juarTh470nT_hRKFMI4ywuDoVNSOjGiPfji8b9AKsrbzWVw7dTIkdCmHbdCnq2GT8QX05yg/s1600/chart001-r.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4k6TA3-ti4lBnnb1h-Os9XfplGnTKE-BZfY-oJKTUqfJefMTiK9LXklBMSO8aWTrby240juarTh470nT_hRKFMI4ywuDoVNSOjGiPfji8b9AKsrbzWVw7dTIkdCmHbdCnq2GT8QX05yg/s1600/chart001-r.png" /></a></div><br />
<div align="right" class="MsoListParagraphCxSpFirst" style="text-align: right;"><span class="apple-style-span"><i><span style="color: black; font-family: "Arial","sans-serif"; font-size: 10pt; line-height: 115%;">Copyright © Ucmapi Software Studio</span></i></span></div><div align="right" class="MsoListParagraphCxSpLast" style="text-align: right;"><span class="apple-style-span"><i><span style="color: black; font-family: "Arial","sans-serif"; font-size: 10pt; line-height: 115%;">Mail to </span></i></span><a href="mailto:support@ucmapi.com"><i><span style="font-family: "Arial","sans-serif"; font-size: 10pt; line-height: 115%;">support@ucmapi.com</span></i></a><span class="apple-style-span"><i><span style="color: black; font-family: "Arial","sans-serif"; font-size: 10pt; line-height: 115%;"> when you have issues</span></i></span></div><br />
</div></div>UcCharthttp://www.blogger.com/profile/10795538134761340991noreply@blogger.com0