fusioncharts xt suite使用

之前经常会用到fusioncharts，是flash版本的，好用是好用，但是想在移动终端显示图表不太方便。

fusioncharts xt suite可以使用javascript 绘制和flash 效果类似的图标，很不错，记录备用。

官方知道页面

http://docs.fusioncharts.com/tutorial-setup-list-of-charts.html

附一个简单使用案例，有些乱，应该还可以把datasource部分提取成单独文件，等实际使用的时候再整理。

demo1.html

<html>
<head>
<title>My First chart using FusionCharts Suite XT</title>
<script type="text/javascript" src="fusioncharts.js"></script>
<script type="text/javascript" src="themes/fusioncharts.theme.ocean.js"></script>
<script type="text/javascript">
FusionCharts.ready(function () {var myChart = new FusionCharts({"type": "column2d","renderAt": "chartContainer","width": "500","height": "300","dataFormat": "xml","dataSource": "<chart caption='Harrys SuperMart' subcaption='Monthly revenue for last year' xaxisname='Month' yaxisname='Amount' numberprefix='$' palettecolors='#008ee4' bgalpha='0' borderalpha='20' canvasborderalpha='0' theme='fint' useplotgradientcolor='0' plotborderalpha='10' placevaluesinside='1' rotatevalues='1' valuefontcolor='#ffffff' captionpadding='20' showaxislines='1' axislinealpha='25' divlinealpha='10'><set label='Jan' value='420000' /><set label='Feb' value='810000' /><set label='Mar' value='720000' /><set label='Apr' value='550000' /><set label='May' value='910000' /><set label='Jun' value='510000' /><set label='Jul' value='680000' /><set label='Aug' value='620000' /><set label='Sep' value='610000' /><set label='Oct' value='490000' /><set label='Nov' value='900000' /><set label='Dec' value='730000' /></chart>"});myChart.render();
});
</script>
</head>
<body><div id="chartContainer">FusionCharts XT will load here!</div>
</body>
</html>

fusioncharts xt suite使用相关推荐

支持XML和JSON数据的图表控件FusionCharts XT
FusionCharts XT是一款功能强大的图表控件,同时支持HTML5和Flash,可以用于PCs, Macs, iPads, iPhones ,支持XML和JSON数据,可以帮您为您的Web应用 ...
fusioncharts mysql_支持XML和JSON数据的图表控件FusionCharts XT
FusionCharts XT是一款功能强大的图表控件,同时支持HTML5和Flash,可以用于PCs, Macs, iPads, iPhones ,支持XML和JSON数据,可以帮您为您的Web应用 ...
FIX:FusionCharts Suite XT 3.19.x
FusionCharts Suite XT:探索 100 多张图表和 2000 多张地图 FusionCharts 提供了 100 多张图表和 2000 多张地图.凭借广泛的文档.一致的 API 和一 ...
FusionCharts Suite XT 3.19.1-2022-07-22
FusionCharts Suite XT FusionCharts 可帮助您为 Web 和移动项目构建漂亮的仪表板.借助广泛的文档.跨浏览器支持和一致的 API,添加交互式和响应式图表比以往任何时候 ...
FusionCharts Suite XT 3.18.0
FusionCharts Suite XT 是行业领先的 JavaScript 图表库,可提供跨所有设备和浏览器的统一体验.它可以在 JavaScript (HTML5) 中呈现超过 90 个图表和仪 ...
FusionCharts Suite XT v3.19
FusionCharts Suite XT 可帮助您为 Web 和移动项目构建漂亮的仪表板.借助广泛的文档.跨浏览器支持和一致的 API,添加交互式和响应式图表比以往任何时候都容易.从简单的图表(如折 ...
FusionCharts Suite XT
FusionCharts Suite XT FusionCharts Suite XT 可帮助您为 Web 和移动项目构建漂亮的仪表板.借助广泛的文档.跨浏览器支持和一致的 API,添加交互式和响应式 ...
FusionCharts 完全的产品介绍
FusionCharts产品介绍 1.FusionCharts Suite http://www.fusioncharts.com/products/suite/ 名称:Fusioncharts: ...
FusionCharts入门教程：缩放折线图
FusionCharts Suite XT是全面的跨平台.跨浏览器JavaScript图表套包,其中包括FusionCharts XT.PowerCharts XT .FusionWidgets XT ...

fusioncharts xt suite使用

fusioncharts xt suite使用相关推荐

最新文章

热门文章