使用FusionCharts创建可更新数据的JavaScript图表

阅读更多

先创建一个简单的图表,然后改变它的数据(请参见下面的代码)。图表最初据显示8月份的销售数据,当用户点击按钮时改为显示9月份的销售数据。每个月都有单独的XML文件,代码如下:


  
    Update Chart data
    
  
  
    
FusionCharts will load here!

 

在上面的代码中,我们使用8月的数据创建了一个图表,数据存在于AugustData.xml文件中。然后创建了一个HTML按钮,用于调用一个JavaScript函数chageMonth()。 在这个函数有:

使用FusionCharts(“myChartId”)追踪图表

使用setXMLData()函数更新图表

传递包含9月份数据的"SeptemberData.xml"文件到setXMLData()

最终图表如下所示:
使用FusionCharts创建可更新数据的JavaScript图表_第1张图片
 
使用FusionCharts创建可更新数据的JavaScript图表_第2张图片
 

  • 使用FusionCharts创建可更新数据的JavaScript图表_第3张图片
  • 大小: 20.9 KB
  • 使用FusionCharts创建可更新数据的JavaScript图表_第4张图片
  • 大小: 18.7 KB
  • 查看图片附件

你可能感兴趣的:(FusionCharts,Flash,JavaScript,图表控件)