如何动态改变线性规融合图上的指针位置

Question

我有线性量表融合图表，指针位于图表上方，其中指针值不断动态更新，并且我尝试根据 xml 文件中的值定位指针，但我面临的问题是每次重新定位指针时，整个图表被刷新，我的要求是仅重新定位指针，完整的图表不应刷新，任何人都可以帮助实现此功能，我正在尝试遵循以下链接中显示的示例http://www.fusioncharts.com/widgets/Gallery/Linear3.html

Answer 1

您始终可以使用 JavaScript 或实时数据流来更新线性仪表的指针值。

假设您使用以下 XML 创建了图表：

<chart lowerLimit='0' upperLimit='100' lowerLimitDisplay='Bad' upperLimitDisplay='Good' palette='1' numberSuffix='%' chartRightMargin='20'>
   <colorRange>
      <color minValue='0' maxValue='75' code='FF654F' label='Bad'/>
      <color minValue='75' maxValue='90' code='F6BD0F' label='Moderate'/>
      <color minValue='90' maxValue='100' code='8BBA00' label='Good'/>
   </colorRange>
   <pointers>
      <pointer value='92' />
   </pointers>
</chart>

并且使用以下 JavaScript 呈现图表：

var myChart = new FusionCharts("Charts/HLinearGauge.swf", "myChartId", "450", "120", "0", "1");
myChart.setDataURL("Data/Linear3.xml");
myChart.render("chartdiv");

现在您可以使用以下 JavaScript 代码更新此图表：

getChartFromId("myChartId").setData(1, 20);

还有其他 API 函数，例如：setDataForId(Id, value) 或 feedData (updateDataQueryString)

例如，

getChartFromId("myChartId").setDataForId("p1", 40) ;// this requires the pointer to be set with an id which needs to be provided here as the first parameter 

或者

getChartFromId("myChartId").feedData("&value=90") ;

您也可以使用它来仅更新现有仪表的数据。

欲了解更多信息，请阅读：
http://www.fusioncharts.com/widgets/docs/Contents/Linear_JSPAPI.html

详细了解如何使用服务器端实时数据流来更新仪表数据：
http://www.fusioncharts.com/widgets/docs/Contents/Linear_RealTime.html

为此，您需要创建数据提供程序页面，其输出将是查询字符串格式的单行字符串，例如：&value=30