彩票走势图

FusionMaps使用教程:格式化数字字符的输入

原创|使用教程|编辑:龚雪|2014-05-30 10:22:20.000|阅读 242 次

概述:js地图工具控件FusionMaps使用教程:如何实现格式化数字字符的输入。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

在某些国家,逗号被用作十进制分隔符,而圆点是千位分隔符。但是如果在使用FusionMaps时, XML按照这个规则输入数字就会报错。 FusionMaps XT引入了一种巧妙的方式让你在XML用自己的格式指定数字。

请看下列XML/JSON码:

XML

<map fillColor="D7F4FF" includeValueInLabels="1" baseFontSize="9" showBevel="0" 
inThousandSeparator="." inDecimalSeparator=",">
 <data>
  <entity id="NA" value="515"/>
  <entity id="SA" value="373"/>
  <entity id="AS" value="3875"/>
  <entity id="EU" value="727"/>
  <entity id="AF" value="885"/>
  <entity id="AU" value="32"/>
 </data>
</map>

JSON

{
"map": {
 "fillcolor": "D7F4FF",
 "includevalueinlabels": "1",
 "basefontsize": "9",
 "showbevel": "0"
 "inthousandseparator": ".",
 "indecimalseparator": ","
  },
  "data": [
    {"id": "NA", "value": "515"  },
                {"id": "SA", "value": "373"  },
                {"id": "AS", "value": "3875" },
                {"id": "EU", "value": "727"  },
                {"id": "AF", "value": "885"  },
                {"id": "AU", "value": "32"   }
  ]
}

通过以上代码可以看出,我们并没按标准给出数字,也就是说我们是用的圆点表示千位符,逗号表示十进制分隔符(某些欧洲国家习惯),为确保FusionMaps能正常读取这些数字,我们通过如下方式表示十进制分隔符和千分隔符:

XML

<map ... inThousandSeparator='.' inDecimalSeparator=',' ...>

JSON

 "map":{
      ...
    "inthousandseparator":".",
    "indecimalseparator":","
      ...
  }

现在当你查看这张地图就会是这样:

goupdocs_viewer

FusionMaps XT已将数字正确地解读并自动转换成标准格式的数字。 如果你想要以非常规格式要输出数字,你可以参考下列XML:

<map fillColor="D7F4FF" includeValueInLabels="1" baseFontSize="9" showBevel="0" 
inThousandSeparator="." inDecimalSeparator="," thousandSeparator="."
 decimalSeparator="," formatNumberScale="0">
  <data>
  <entity id="NA" value="515"/>
  <entity id="SA" value="373"/>
  <entity id="AS" value="3875"/>
  <entity id="EU" value="727"/>
  <entity id="AF" value="885"/>
  <entity id="AU" value="32"/>
 </data>
 </map>


得到的地图是:

goupdocs_viewer

要注意的是,“.”是如何作为千分符来使用的,而“,”又是如何作为十进制分隔符在使用的。


标签:JavaScript HTML5地图地图工具FusionMaps

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@capbkgr.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP