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简单教程(六)-----如何自定义图表上的工具提示
所谓图表上的工具提示就是当鼠标放在某个特定的数据块上时所显示的提示信息.如下: 禁用显示工具提示 在默认情况下工具提示功能是显示的,但是有时候我们并不是很想需要这个功能提示功能 ...
随机推荐
- IIS 的一些配置记录
1.日志分析: URL:http://www.cnblogs.com/fish-li/p/3139366.html2.性能监视: 执行 perfmon.msc ,右键添加counter,添加web s ...
- 一点一滴学shell
1. 获取shell脚本的名称 ${BASH_SOURCE-$0} 2. 获取shell脚本的路径 dirname "${BASH_SOURCE-$0}" 这个路径不一定是脚本的真 ...
- depot用例视图建模
1. 确定系统涉及的内容 图书馆管理系统有以下模块构成:系统登陆模块.图书馆管理模块.学生管理模块.借阅信息管理模块.图书检索模块. 2. 分析系统参与者 确定参与者首先分析系统涉及的问题领域 和 系 ...
- text-align:justify的使用
在平常的开发过程中,对于text-align一般用到的是left,center,right,这三个属性都不会陌生.然而,对于justify的使用我却是很陌生.首先有个比较简单的例子. 首先是html代 ...
- AngularJS 页面基本操作
一.避免预先加载angular模板语法 <style> [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, ...
- c# 搭建高效分布式web (进一步实现软件的热插拔)
一 加入 和其他网站相同的特性 nginx 做代理 并且和IIS 进行搭配搭建 web 前台 二 缓存使用 memcached 和session 共享做服务器的缓存处理减轻sql数据库的压力 包含关系 ...
- ArcGIS API ArcGISDynamicMapServiceLayer.setVisibleLayers对带有GroupLayer图层组的数据无效(针对LayerInfo)问题探讨
首先看下setVisibleLayers方法: setVisibleLayers(ids, doNotRefresh?) Sets the visible layers of the exported ...
- 剑指offer算法_位运算求和
不用+,-,*,/运算求和,可以分成三步: 1.计算两个数字的异或值,相当于只计算每一位的和,不计算进位,得出结果sum: 2.计算两个数字的与值,相当于求出两个数字的进位,然后左移一位,相当于进位, ...
- Hyper-V初涉_共享式网络链接
任何一台计算机,如果不能与网络连通,可以说已经失去了大部分的功能,Windows 8尤是如此,虚拟机亦是如此. Hyper-V并不能对物理机的网卡进行识别,所以需要借助虚拟网卡通过物理机的网络共享实现 ...
- C#学习之Stream
上节课老师主要讲了stream及其一些运用和实例,下面我们就来讨论讨论Stream. 我们知道,C#中常用的stream有文件流(FileSteam),内存流(MemoryStream),压缩流(GZ ...