Charts and graphs - Specific test cases

100% pie charts

The expected result is a circle where the legend only contains one value. The emphasis text in the table caption should be cloned into the title of the chart (<figcaption>) and into the link title (<summary>) for viewing the table.

<table class="wb-charts wb-charts-pie table">

Labels and reversed table parsing

The expected result is that both tables should produce the same chart or graph with the following text labels:

• External needs, x-axis position 0 of 5
• Needs bypass, x-axis position 3 of 5
• Internal needs, x-axis position 5 of 5

<table class="wb-charts table" data-wb-charts='{"labelposition": 1, "noencapsulation": true}'>

<table class="wb-charts table" data-wb-charts='{"labelposition": 1, "noencapsulation": true, "reversettblparsing": true}'>

Pie charts and reversed table parsing

The expecting result is the table produceds the same chart or graph. There is one exception where the width of both pie charts could be different.

<table class="wb-charts wb-charts-pie table" data-wb-charts='{ "height": 500, "decimal": 1 }'>

Please note that <colgroup> elements are required for creating the following pie charts.

<table class="wb-charts wb-charts-pie table" data-wb-charts='{ "height": 500, "decimal": 1, "reversettblparsing": true }'>

<caption>Number of pages with tasks as a main purpose per audience</caption>
<colgroup><col /></colgroup>
<colgroup><col /></colgroup>
<tr>
	<td></td>
	<th>Task</th>
</tr>