Added a customized pie chart

wet-boew · Aug 31, 2012 · a2a618a · a2a618a
1 parent ee47e66
commit a2a618a
Showing 1 changed file with 51 additions and 0 deletions.
diff --git a/demos/charts/simpleCustomized-eng.html b/demos/charts/simpleCustomized-eng.html
@@ -395,6 +395,57 @@ <h2>Figure 5</h2>
 </details>
 
 
+<h2>Figure 6</h2>
+
+<table class="wet-boew-charts wb-charts-pie wb-charts-width-500 wb-charts-decimal-1">
+	<caption>Revenues by products and services</caption>
+    <thead>
+    	<tr>
+        	<th></th>
+        	<th>Patents</th>
+            <th>Trade-marks</th>
+            <th>Copyrights and Industrial Designs</th>
+            <th>Information</th>
+        </tr>
+    </thead>
+
+    <tbody>
+    	<tr>
+        	<th>Revenues by products and services</th>
+            <td class="wb-charts-color-olivedrab">77.4%</td>
+            <td class="wb-charts-color-yellowgreen">19.8%</td>
+            <td class="wb-charts-color-midnightblue">2.5%</td>
+            <td class="wb-charts-color-slateblue">0.3%</td>
+        </tr>
+    </tbody>
+</table>
+
+
+
+<details>
+	<summary>CSS Class Parameter</summary>
+
+	<p>Table element (table)</p>
+	<ul>
+		<li>wet-boew-charts</li>
+		<li>wb-charts-pie</li>
+		<li>wb-charts-width-500</li>
+		<li>wb-charts-decimal-1</li>
+		<li>wb-charts-topvalue-700</li>
+		<li>wb-charts-bottomvalue-0</li>
+		<li>wb-charts-steps-60</li>
+		<li>wb-charts-nocutaxis-true</li>
+	</ul>
+
+    <p>Cell heading element (th) associated to each bar</p>
+
+	<ul>
+		<li>wb-charts-color-olivedrab</li>
+		<li>wb-charts-color-yellowgreen</li>
+		<li>wb-charts-color-midnightblue</li>
+		<li>wb-charts-color-slateblue</li>
+	</ul>
+</details>