FusionCharts简单教程（五）-----FusionCharts中的那些特殊符号
在FusionCharts中有些特殊字符，我们需要进行编码操作才能够使用，否则就无法正常显示。
欧元符号
在FusionCharts里显示“€”，你需要用“%80”来替换它。如下：
<graph decimalPrecision='0' numberPrefix='%80 '><span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='John'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='420'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='AFD8F8'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Mary'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='295'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='F6BD0F'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Tom'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='523'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='8BBA00'</span> <span style="color: rgb(0,0,255)">/></span>
</graph>
上面的代码会在数字前面都加上“€”。
英镑符号
在FusionCharts里显示“￡”，你需要用“%A3”来替换它。如下：
<graph decimalPrecision='0' numberPrefix='%A3 '><span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='John'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='420'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='AFD8F8'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Mary'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='295'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='F6BD0F'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Tom'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='523'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='8BBA00'</span> <span style="color: rgb(0,0,255)">/></span>
</graph>
上面的代码会在数字前面都加上“￡”。
人民币符号
在FusionCharts里显示“￥”，你需要用“%A5”来替换它。如下：
<graph decimalPrecision='0' numberPrefix='%A5 ' ><span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='John'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='420'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='AFD8F8'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Mary'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='295'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='F6BD0F'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Tom'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='523'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='8BBA00'</span> <span style="color: rgb(0,0,255)">/></span>
</graph>
上面的代码会在数字前面都加上“￥”。
分符号
在FusionCharts里显示“￠”，你需要用“%A2”来替换它。如下：
<graph decimalPrecision='0' numberSuffix='%A2 '><span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='John'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='420'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='AFD8F8'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Mary'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='295'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='F6BD0F'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Tom'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='523'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='8BBA00'</span> <span style="color: rgb(0,0,255)">/></span>
</graph>
上面的代码会在数字后面都加上“￠”。
百分号
在FusionCharts里显示“%”，你需要用“%25”来替换它。如下：
<graph decimalPrecision='0' numberSuffix='%25 '><span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='John'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='42'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='AFD8F8'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Mary'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='29'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='F6BD0F'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Tom'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='52'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='8BBA00'</span> <span style="color: rgb(0,0,255)">/></span>
</graph>
上面的代码会在数字后面都加上“%”。
&符号
在FusionCharts里显示“&”，你需要用“&”来替换它。如下：
<graph caption='Total of 2003 & 2004' decimalPrecision='0' ><span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='John'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='420'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='AFD8F8'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Mary'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='295'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='F6BD0F'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Tom'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='523'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='8BBA00'</span> <span style="color: rgb(0,0,255)">/></span>
</graph>
上面的代码标题显示为“Total of 2003 & 2004”。
>符号
在FusionCharts里显示“>”，你需要用“>”来替换它。如下：
<graph decimalprecision='0' ><span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='0'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='420'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='AFD8F8'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='0-10'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='295'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='F6BD0F'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='> 10'</span><span style="color: rgb(255,0,0)"> value</span><span style="color: rgb(0,0,255)">='523'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='8BBA00'</span> <span style="color: rgb(0,0,255)">/></span>
</graph>
上面的代码最后一个数字显示为“>10”。
如果要显示“<”，你可能以为用“<”就可以了，事实是不可能的。我还没试验出怎么才能显示“<”，也许没有这个必要。
单引号
在FusionCharts里显示“'”，你需要用“'”来替换它。如下：
<graph decimalPrecision='0' ><span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='John'</span><span style="color: rgb(255,0,0)">s Count' value</span><span style="color: rgb(0,0,255)">='420'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='AFD8F8'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Mary'</span><span style="color: rgb(255,0,0)">s Count' value</span><span style="color: rgb(0,0,255)">='295'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='F6BD0F'</span> <span style="color: rgb(0,0,255)">/></span> <span style="color: rgb(0,0,255)"><</span><span style="color: rgb(128,0,0)">set </span><span style="color: rgb(255,0,0)">name</span><span style="color: rgb(0,0,255)">='Tom'</span><span style="color: rgb(255,0,0)">s Count' value</span><span style="color: rgb(0,0,255)">='523'</span><span style="color: rgb(255,0,0)"> color</span><span style="color: rgb(0,0,255)">='8BBA00'</span> <span style="color: rgb(0,0,255)">/></span>
</graph>
上面的代码显示为“John's Count”。
如果你想要显示双引号，直接使用就可以了，前提是你的属性值是用单引号括起来的。如果你的属性值是用双引号括起来的，你要显示单引号，也可以直接使用，而不必用“'”来替换它。
FusionCharts简单教程（五）-----FusionCharts中的那些特殊符号的更多相关文章
- FusionCharts简单教程(三)-----FusionCharts的基本属性
通过前面两章的讲解我们可以制作出简单的图像,但是有时候我们需要对图像进行一个精确的规划,比如设置背景颜色.设置提示信息.设置间隔颜色等等,这时就需要我们对FusionCharts的细节有比 ...
- FusionCharts简单教程(八)-----使用网格组件
有时候我们会觉得使用图像不够直接,对于数据的显示没有表格那样直接明了.所以这里就介绍如何使用网格组件.将网格与图像结合起来.网格组件能够将FusionCharts中的单序列数据以列表的 ...
- FusionCharts简单教程(三)-----如何自定义图表上的工具提示
最近有蛮多人总是问我这个FusionCharts制表的问题,帮助他们解决之后,在昨晚发现以前整理的笔记中有这个简单教程,而且以前也发表了几篇这个博文,所以就将其全部上传上来供别人参考.如有不正确之处望 ...
- FusionCharts简单教程(七)-----使用FusionCharts实现下钻功能
前面介绍的FusionCharts都是对FusionCharts的基本属性进行操作,下面几篇博文就FusionCharts的高级特性做一个介绍,包括:添加下钻链接.使用Style样式定制图 ...
- FusionCharts简单教程（一）---建立第一个FusionCharts图形
由于项目需求需要做一个报表,选择FusionCharts作为工具使用.由于以前没有接触过报表,网上也没有比较详细的fusionCharts教程,所以决定好好研究FusionCharts,同时做一个比较 ...
- FusionCharts简单教程---建立第一个FusionCharts图形
由于项目需求需要做一个报表,选择FusionCharts作为工具使用.由于以前没有接触过报表,网上也没有比较详细的fusionCharts教程,所以决定好好研究FusionCharts,同时做一个比较 ...
- FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据
前面一篇对FusionCharts进行了一个简单的介绍,而且建立了我们第一个图形,但是那个是在HTML中使用<OBJECT>和<EMBED>标记来加载图形的,但是这 ...
- FusionCharts简单教程(六)------加载外部Logo
一.加载外部文件Logo 在使用FusionCharts时,我们可能需要在加载图像的时候需要在图表中显示标识.图片等等.这里我们可以使用logoURL属性来实现.如: <chart ...
- FusionCharts简单教程(六)-----如何自定义图表上的工具提示
所谓图表上的工具提示就是当鼠标放在某个特定的数据块上时所显示的提示信息.如下: 禁用显示工具提示 在默认情况下工具提示功能是显示的,但是有时候我们并不是很想需要这个功能提示功能 ...
随机推荐
- lua string的自定义分割字符串接口
-------------------------------------------------------------------- -- Create By SunC 2014/7/1 -- ...
- runtime 运行机制2
Mike_zh QQ:82643885 end: blogTitle 博客的标题和副标题 博客园 首页 新随笔 联系 订阅 <a id="MyLinks1_XMLLink" ...
- SEO是企业发展的永恒主题
最近接触很多客户问同一个问题,明明自己的网站花的时间很多,界面设计的很美,该考虑到的优化都考虑了,反而我那么优秀的网站却不如一个自己行业里的一个垃圾网站排名高,我没排名而对方的排名却很高?我每天坚持更 ...
- vim的批量注释与删除注释
vim的批量注释与删除注释 方法一:块选择模式 批量注释: Ctrl + v 进入块选择模式,然后移动光标选中你要注释的行,再按大写的I进入行首插入模式输入注释符号如 // 或 #,输入完毕之后,Vi ...
- Windows平台下PHP开发环境的配置
Windows平台下PHP开发环境的配置 一.基本环境 1.Windows XP 32位 2.Apache 2.2.25,下载地址:http://mirror.bit.edu.cn/apache/ht ...
- Linux:-bash: ***: command not found,系统很多命令都用不了
系统:64位RHEL6 突然之间linux很多命令都用不了,均提示没有此命令. 这应该是系统环境变量出现了问题导致的. 出现这种可能性的原因有很多,大多数是因为,安装了新的软件要配置环境变量,但是没有 ...
- smartupload 上传与下载(转载)
前台: <form action="uploadimage.jsp" method="post" enctype="multipart/form ...
- 绿色ip扫描工具
ip扫描,可以扫描一下自己的局域网有多少设备在线,有没有在蹭网.优点在于:短小精悍,快速,不用安装. 其实,我自己也写过一个但是没有这个精致,感兴趣的可以一起讨论. 下载地址:32位 64位 我的淘宝 ...
- 树莓派安装RASPBIAN系统
买了个树莓派3B,安装Raspbian时出现问题,能ping通,但是无法建立ssh链接!对于我这种只有网线和电源的玩家来说打击太大. 找了一下原因,如下链接所述: http://downloads.r ...
- 基于SpringMVC的增删改查
废话不多说,直接开始步骤! 1.创建一个Dynamic Web Project 2.在WEB-INF包下的lib文件夹中引入相关jar commons-logging-.jar jstl.jar sp ...