更改图表消息 | ||||||||||||||||||||||||
FusionCharts v3的,你可以改变会显示“没有数据显示”用户喜欢的各种消息,“载入图表”,“检索数据”等。 下面的图表属性定义不同的消息: | ||||||||||||||||||||||||
| ||||||||||||||||||||||||
以上部分:共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的图表,并设置空白数据图表。但是,在绘制图表,我们也称为配置()传递的消息类型- ChartNoDataText。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", "Please select a record above"); myChart.configure( "InvalidXMLText", "Please validate data");//这是提供的可分开多条设置消息提示,当然下面给合为key:value的形式,从感官和使用来讲比较好。 myChart.render("chartContainer"); // --></script> <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%). |