官网:http://www.maani.us/xml_charts/index.php
1.jsp页面引入AC_RunActiveContent.js
2.引入swf资源文件
3.jsp页面添加
<script type="text/javascript" language="javascript">
AC_FL_RunContent = 0;
DetectFlashVer = 0;
var requiredMajorVersion = 10;
var requiredMinorVersion = 0;
var requiredRevision = 45;
</script>
<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0" style="padding: 5px;">
<tr>
<td>
<script language="JavaScript" type="text/javascript">
if (AC_FL_RunContent == 0 || DetectFlashVer == 0) {
alert("This page requires AC_RunActiveContent.js.");
} else {
var hasRightVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
var random = Math.random();
if(hasRightVersion) {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,45,2',
'width', '100%',
'height', '480',
'scale', 'noscale',
'salign', 'TL',
'bgcolor', '#e3e9f7',
'wmode', 'opaque',
'movie', 'charts',
'src', '${contextPath}/platform/statistic/charts',
'FlashVars', 'library_path=url/charts_library&xml_source=url?unique_id='+random+'&chart_type=3d column',
'id', 'my_chart',
'name', 'my_chart',
'menu', 'true',
'allowFullScreen', 'true',
'allowScriptAccess','sameDomain',
'quality', 'high',
'align', 'middle',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'play', 'true',
'devicefont', 'false'
);
} else {
var alternateContent = 'This content requires the Adobe Flash Player. '
+ '<u><a href=http://www.macromedia.com/go/getflash/>Get Flash</a></u>.';
document.write(alternateContent);
}
}
</script>
<noscript>
<P>This content requires JavaScript.</P>
</noscript>
</td>
</tr>
</table>
library_path=url/charts_library&xml_source=url?unique_id='+random+'&chart_type=3d column
红色为资源库路径(存放.swf文件),蓝色为url地址,绿色为图表样式(参照官网)
4.后台返回字符串
<chart>
<license>
JTAMVPF7P2O.H4X5CWK-2XOI1X0-7L
</license>
<chart_data>
<row>
<null/>
<string>A</string>
<string>B</string>
</row>
<row>
<string></string>
<number>7</number>
<number>7</number>
</row>
</chart_data>
<chart_type>3D Pie</chart_type>
<series transfer='true' />
<axis_value size='12' />
<axis_category size='13' font='Hei' />
<legend font='Hei' size='13'/>
<chart_pref rotation_x='0' rotation_y='0'/>
<chart_transition type='spin' />
<chart_label shadow='low' alpha='65' size='10' position='inside' as_percentage='true' />
<chart_pref select='true' drag='false' rotation_x='50' />
<chart_rect x='105' y='100' width='300' height='250' positive_alpha='0' />
<legend shadow='low' layout='horizontal' margin='20' x='65' y='-10' width='345' height='25' fill_alpha='0' alpha='75' />
</chart>
具体数据根据不同的样式而定