图表控件

你可能经常要以不完整的数据点绘制图表。例如 , 当绘制每月的销售图表时 , 你可能没有所有的月数据。所以 , 你可能只想以一个空白的区域来显示缺失的数据，不在这个区域中绘制任何东西。 FusionCharts 可以让这个目标很容易的实现。 用户可以通过不提供任何值到需要隐藏的相应 <set> 元素来隐藏任意数量的数据块。 具体操作参考下面的 XML 代码 : <chart > <set label='Jan' value='420' /> <set label='Feb' value='295' /> <set label='Mar' value='523' /> <set label='Apr' value='473' /> <set label='May' /> <set label='Jun' /> <set label='Jul' value='354' /> <set label='Aug' value='457' /> <set label='Sep' value='127' /> <set label='Oct' value='354' /> <set label='Nov' value='485' /> <set label='Dec' value='486' /> </chart> 在这里 , 我们没有 5 月和 6 月的数据。所以 , 我们不提供任何相应的数据值

用户在使用FusionCharts的时候，用户可以为图表的宽度和高度设置百分比值 , 用来替代绝对的像素值。图表将根据父容器元素自动调整其尺寸。让我们来看看在 HTML 中这是如何实现的。 以百分比的方式调整图表 , 首先需要更新 HTML 代码，如下所示 : <div id="chartContainer" style="width:800px;height:300px;"> This text is replaced by the chart </div> <script type="text/javascript"><!-- var myChart = new FusionCharts("Column3D.swf", "myChartId", "80%", "100%", "0", "1"); myChart.setXMLUrl("Data.xml"); myChart.render("chartContainer"); // --></script> 在上面的代码中 , 我们指定图表的宽度为 80% ，高度为 100% 。 id 为——“ chartContainer ”的 DIV 是图表的容器元素。 因此 , 它的宽度和高度会以百分比的方式从 DIV 的维度派生。 在上面的例子中 , 我们设置 DIV 的宽度为 800 像素的 , 高度为 300 像素。因此 ,

FusionCharts使用JavaScript: FusionCharts允许用户创建建立JavaScript图表(也就是web上的HTML5 /Canvas图表)。这个特性允许用户在不支持Flash播放器的web浏览器上创建图表,如iPhone / iPad。FusionCharts内部利用Highcharts库生成JavaScript图表。 这个功能能够无缝地使用当前的FusionCharts实现模式。不需要任何额外的代码来实现。FusionCharts的JavaScript类自动检测不支持Flash的设备，并创建JavaScript图表。你也可以忽略Flash，并只使用JavaScript生成图表。 FusionCharts是如何工作的： FusionCharts XT提供一个全新的FusionCharts JavaScript类。 FusionCharts的JavaScript类现在包括四个主要文件:FusionCharts.js, FusionCharts.HC.js, FusionCharts.HC.Charts.js和jquery.min.js。这四个文件存在于Download Pack > Charts folder。 用户有可能只需要在web页面中包括FusionCharts.js(当时注意,也需要复制其他文件到你的web应用程序)