Fusionchart官方API 由谷歌浏览器翻译通过(加我备注)如何更改chart错误信息

本文详细介绍了如何在 FusionCharts v3 中自定义各种错误提示消息和背景颜色设置,包括加载图表、数据检索、解析数据、无数据显示、数据加载错误、无效 XML 数据等状态下的个性化消息,以及如何通过 configure 函数和构造函数参数来实现这一功能。此外,还展示了如何使用 BGCOLOR 参数来设置不同状态下的背景颜色。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

FusionCharts v3的,你可以改变会显示“没有数据显示”用户喜欢的各种消息,“载入图表”,“检索数据”等。

下面的图表属性定义不同的消息:

属性名(消息类型) 它做什么? 它控制着什么样的信息(默认值)
PBarLoadingText 图加载时设置的自定义消息。 正在载入图表。请稍候。
XMLLoadingText 设置图表数据加载的自定义消息。 检索数据。请稍候。
ParsingDataText 解析数据时,由图设置的自定义消息。 读取数据。请稍候。
ChartNoDataText 设置自定义的消息时,图表检索到的数据不包含任何数据来绘制图表或数据不符合需要的图表类型的数据结构 没有任何数据显示。
RenderingChartText 正在绘制图表时,设置的自定义消息。 渲染图。请稍候。
LoadDataErrorText 设置自定义的消息在加载图表数据作为datasource.This从数据中提供的URL的URL时,可能会发生无效或无法使用时有错误的。 在加载数据时出错。
InvalidXMLText 设置自定义的消息时,发送到图表的数据是无效的,因为每个XML验证规则。 无效数据。
以上部分:共9个错误提示key,之前我汉化是更改核心js包,但是后来测试却不行,本以为没办法,今天好好看了API终于发现了~~它太强大了,我错了。。。唉。之前真心没好好学习它的API。。。。
使用的configure()函数来设置消息 在v3中均通过configure来设置消息

让我们快速看一个例子,我们编辑图表的“没有数据显示”消息。这可以有效有用的,当你要开始与空数据图表,然后填充数据的用户。

这是推荐使用的configure()函数来设置图表消息。例如,如果你想设置图表ChartNoDataText的消息,在绘制图表之前,你需要通过配置的属性名和消息文本()。例如,

<div id="chartContainer">FusionCharts will load here</div>
<script type="text/javascript"><!--
  var myChart = new FusionCharts("Column2D.swf", "myChartId", "300", "250", "0", "1");
  myChart.setXMLUrl("<chart></chart>");
  myChart.configure("ChartNoDataText", "无数据可供显示!");//这是设置当数据为空的消息
  myChart.render("chartContainer");
// --></script>

在上面的代码中,我们创建了一个Column2D的图表,并设置空白数据图表。但是,在绘制图表,我们也称为配置()传递的消息类型- ChartNoDataTextChartNoDataText设置一个自定义的消息时,数据是不够的图表绘制任意图形。作为该函数的第二个参数,我们是在这种情况下,要显示的自定义消息传递。和消息文本。当你运行这个图,你会得到下面的消息而不是正常的消息,这是为用户更直观的方式:

(该图原是上例中的官方提供的英文消息,经更改后显示为中文“无数据可供显示”)

设置多条消息

这是很容易设置多个邮件。您可以选择配置()函数多次,一次设置一个消息。例如,

<div id="chartContainer">FusionCharts will load here</div>
<script type="text/javascript"><!--
  var myChart = new FusionCharts("Column2D.swf", "myChartId", "300", "250", "0", "1");
  myChart.setXMLUrl("<chart></chart>");
  myChart.configure( "ChartNoDataText", "Please select a record above");
  myChart.configure( "InvalidXMLText", "Please validate data");//这是提供的可分开多条设置消息提示,当然下面给合为key:value的形式,从感官和使用来讲比较好。
  myChart.render("chartContainer");
// --></script>


如果你想设置的所有消息,一气呵成,还可以实现它的configure()函数调用一次。你需要传递一个对象的功能,每个报文类型将属性名和自定义消息将在各自的价值。例如,

<div id="chartContainer">FusionCharts will load here</div>
<script type="text/javascript"><!--
  var myChart = new FusionCharts("Column2D.swf", "myChartId", "300", "250", "0", "1");
  myChart.setXMLUrl("<chart></chart>");
  myChart.configure( { 
    "ChartNoDataText" : "Please select a record above" ,
    "InvalidXMLText"  : "Please validate data"
  });//这种建议使用,当然key的双引号可以省去
  myChart.render("chartContainer");
// --></script>

生活

您也可以使用弃用的功能addVariable() ,而不是配置()做同样的事情上面显示。

过时的方法设置图表消息

您还可以使用过时的方法传递消息作为查询字符串值的图表SWF路径图的构造。例如,

<div id="chartContainer">FusionCharts will load here</div>
<script type="text/javascript"><!--
  var myChart = new FusionCharts("Column2D.swf?ChartNoDataText=Please select a record above", "ChId1", "300", "250", "0", "1");//这种swf文件后跟?以及&符号的形式在3.2之后就废弃了,3.2提供的更好的使用方式。
  myChart.setXMLUrl("<chart></chart>");
  myChart.render("chartContainer");
// --></script>
 
设置背景颜色的图表时,图表的消息显示

如果你想设置背景颜色的图表显示这些消息时,你可以这样做,通过设置的BGCOLOR参数的FusionCharts的JavaScript构造。例如,如果你想设置,也就是说,红色的背景颜色显示的信息时,你的代码应为如下所示:

<div id="chartContainer">FusionCharts will load here</div>
<script type="text/javascript"><!--
  var myChart = new FusionCharts("Column2D.swf", "myChartId", "300", "250", "0", "1", "#DCD8EB");//这里添加了背景色,当有数据或者数据正常的情况下,背景是被画布覆盖的,当有错的时候背景色连同提示信息均会显示在图中。
  myChart.setXMLUrl("<chart></chart>");
  myChart.configure("ChartNoDataText", "Please select a record above");
  myChart.render("chartContainer");
// --></script>

请注意,这种颜色其实一直低于每个图表的图表时呈现自己的背景颜色。您可以通过设置的bgAlpha属性XML或JSON图表,为低于100的值的图表和下面的隐色混合的背景颜色。//最后这句话我也试了,在上例中new FusionCharts后继续添加属性 该值需小于100 是用于图和画布的比例的。(最大100%).

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值