1. Marimekko Static Page
Marimekko.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2. Marimekko Data Source
Marimekko. xml:
<? Xml version = "1.0" encoding = "UTF-8"?> <Chart showValues = "0" caption = "annual sales" subCaption = "2013" xAxisName = "month" yAxisName = "sales" legendCaption = "" baseFont = ''baseFontSize = "'24' baseFontColor = '# 00ff00' outCnvBaseFont =' 'outCnvBaseFontSize = '20' outCnvBaseFontColor = '# 0000FF'> <categories> <category label = "January"/> category label = "February"/> <category label = "March"/> <category label = "April"/> <category label = "May"/> <category label =" june "/> <category label =" July "/> <category label =" August "/> <category label =" September "/> <category label =" October "/> <category label = "November"/> <category label = "December"/> </categories> <dataset seriesName = "apple"> <set value = "335000"/> <set value = "225100"/> <set value = "164200"/> <set value = "335000"/> <set value = "225100"/> <set value =" 164200 "/> <set value =" 335000 "/> <set value =" 225100 "/> <set value =" 164200 "/> <set value =" 335000 "/> <set value = "225100"/> <set value = "164200"/> </dataset> <dataset seriesName =" zi"> <set value = "215000"/> <set value = "198000"/> <set value = "120000"/> <set value = "215000"/> <set value = "198000"/> <set value =" 120000 "/> <set value =" 215000 "/> <set value =" 198000 "/> <set value =" 120000 "/> <set value =" 215000 "/> <set value = "198000"/> <set value = "120000"/> </dataset> <dataset seriesName = "orange"> <set value = "298000"/> <set value = "109300"/> <set value = "153600"/> <set value = "298000"/> <set value = "109300"/> <set value =" 153600 "/> <set value =" 298000 "/> <set value =" 109300 "/> <set value =" 153600 "/> <set value =" 298000 "/> <set value = "109300"/> <set value = "153600"/> </dataset> </chart>
3. Running result