在FusionCharts中有些特殊字符,我们需要进行编码操作才能够使用,否则就无法正常显示。

欧元符号

      在FusionCharts里显示“€”,你需要用“%80”来替换它。如下:

<graph decimalPrecision='0' numberPrefix='%80 '>
 <span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

 <span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

  <span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

</graph>

      上面的代码会在数字前面都加上“€”。

英镑符号

      在FusionCharts里显示“£”,你需要用“%A3”来替换它。如下:

<graph decimalPrecision='0' numberPrefix='%A3 '>
 <span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

 <span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

<span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

</graph>

       上面的代码会在数字前面都加上“£”。

人民币符号

       在FusionCharts里显示“¥”,你需要用“%A5”来替换它。如下:

<graph decimalPrecision='0' numberPrefix='%A5 ' >
 <span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

 <span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

 <span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

</graph>

      上面的代码会在数字前面都加上“¥”。

分符号

      在FusionCharts里显示“¢”,你需要用“%A2”来替换它。如下:

<graph decimalPrecision='0' numberSuffix='%A2 '>
  <span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

  <span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span> 

  <span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

</graph>

      上面的代码会在数字后面都加上“¢”。

百分号

      在FusionCharts里显示“%”,你需要用“%25”来替换它。如下:

<graph decimalPrecision='0' numberSuffix='%25 '>
<span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

<span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

<span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

</graph>

     上面的代码会在数字后面都加上“%”。

&符号

      在FusionCharts里显示“&”,你需要用“&”来替换它。如下:

<graph caption='Total of 2003 & 2004' decimalPrecision='0' >
<span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

<span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

<span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

</graph>

      上面的代码标题显示为“Total of 2003 & 2004”。

>符号

      在FusionCharts里显示“>”,你需要用“>”来替换它。如下:

<graph decimalprecision='0' >
 <span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

<span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

<span style="color: rgb(0,0,255)">&lt;</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)">='&gt; 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)">/&gt;</span>

</graph>

    上面的代码最后一个数字显示为“>10”。

    如果要显示“<”,你可能以为用“<”就可以了,事实是不可能的。我还没试验出怎么才能显示“<”,也许没有这个必要。

单引号

      在FusionCharts里显示“'”,你需要用“'”来替换它。如下:

<graph decimalPrecision='0' >
<span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

<span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

<span style="color: rgb(0,0,255)">&lt;</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)">/&gt;</span>

</graph>

     上面的代码显示为“John's Count”。

     如果你想要显示双引号,直接使用就可以了,前提是你的属性值是用单引号括起来的。如果你的属性值是用双引号括起来的,你要显示单引号,也可以直接使用,而不必用“'”来替换它。

FusionCharts简单教程(五)-----FusionCharts中的那些特殊符号的更多相关文章

  1. FusionCharts简单教程(三)-----FusionCharts的基本属性

          通过前面两章的讲解我们可以制作出简单的图像,但是有时候我们需要对图像进行一个精确的规划,比如设置背景颜色.设置提示信息.设置间隔颜色等等,这时就需要我们对FusionCharts的细节有比 ...

  2. FusionCharts简单教程(八)-----使用网格组件

            有时候我们会觉得使用图像不够直接,对于数据的显示没有表格那样直接明了.所以这里就介绍如何使用网格组件.将网格与图像结合起来.网格组件能够将FusionCharts中的单序列数据以列表的 ...

  3. FusionCharts简单教程(三)-----如何自定义图表上的工具提示

    最近有蛮多人总是问我这个FusionCharts制表的问题,帮助他们解决之后,在昨晚发现以前整理的笔记中有这个简单教程,而且以前也发表了几篇这个博文,所以就将其全部上传上来供别人参考.如有不正确之处望 ...

  4. FusionCharts简单教程(七)-----使用FusionCharts实现下钻功能

          前面介绍的FusionCharts都是对FusionCharts的基本属性进行操作,下面几篇博文就FusionCharts的高级特性做一个介绍,包括:添加下钻链接.使用Style样式定制图 ...

  5. FusionCharts简单教程(一)---建立第一个FusionCharts图形

    由于项目需求需要做一个报表,选择FusionCharts作为工具使用.由于以前没有接触过报表,网上也没有比较详细的fusionCharts教程,所以决定好好研究FusionCharts,同时做一个比较 ...

  6. FusionCharts简单教程---建立第一个FusionCharts图形

    由于项目需求需要做一个报表,选择FusionCharts作为工具使用.由于以前没有接触过报表,网上也没有比较详细的fusionCharts教程,所以决定好好研究FusionCharts,同时做一个比较 ...

  7. FusionCharts简单教程(二)-----使用js加载图像和setDataXML()加载数据

          前面一篇对FusionCharts进行了一个简单的介绍,而且建立了我们第一个图形,但是那个是在HTML中使用<OBJECT>和<EMBED>标记来加载图形的,但是这 ...

  8. FusionCharts简单教程(六)------加载外部Logo

    一.加载外部文件Logo       在使用FusionCharts时,我们可能需要在加载图像的时候需要在图表中显示标识.图片等等.这里我们可以使用logoURL属性来实现.如: <chart ...

  9. FusionCharts简单教程(六)-----如何自定义图表上的工具提示

          所谓图表上的工具提示就是当鼠标放在某个特定的数据块上时所显示的提示信息.如下: 禁用显示工具提示       在默认情况下工具提示功能是显示的,但是有时候我们并不是很想需要这个功能提示功能 ...

随机推荐

  1. AngularJS 页面基本操作

    一.避免预先加载angular模板语法 <style> [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, ...

  2. Html/Css(新手入门第三篇)

    一.学习心得---参考优秀的网页来学习. 1我们只做的静态网页主要用的技术?html+css 只要网上看到的,他的源代码公开的.[1].先去分析,他们页面是如何布局(结构化)[2].再试着去做一下,- ...

  3. win10周年更新后程序各种卡死,进程无法结束怎么破?

    最近THINKPAD T460P更新了WIN10周年版后程序各种卡死,运行一段时间,各种程序就开始崩溃,进程无法结束,最终只能强制关机. 这个BUG微软已经确认了,安装了SSD+HDD双硬盘的WIN1 ...

  4. html入门问题_2016-10-29

    在mac机器上,用Safari打开html文件 1. 如果html里有中文,则在<head><meta http-equiv="Content-Type" con ...

  5. 简单修改cramfs

    首先进入root用户,确保LINUX系统下装有cramfsprogs,没有的话get-apt install cramfsprogs, 找到.cramfs文件,输入命令cramfsck -x song ...

  6. EDA技术与ASIC设计和FPGA开发有什么关系?FPGA在ASIC设计中有什么用途?

    利用EDA技术进行电子系统设计的最后目标是完成专用集成电路ASIC的设计和实现:FPGA和CPLD是实现这一途径的主流器件.FPGA和CPLD通常也被称为可编程专用IC,或可编程ASIC.FPGA和C ...

  7. Usart的单线半双工模式(stm32F10x系列)

    这两天折腾CTS/RTS硬件流控,看到说232协议的CTS/RTS只是用来做半双工换向使用的.正好手头上有块stm32的板子,看了看stm32的Usart,竟然发现支持的是单线半双工.232里面毕竟4 ...

  8. MyEclipse10优化

    Myeclipse10 优化设置 一.myeclipse字体设置 Window->Preferences->General->Appearance->Colors and Fo ...

  9. delphi7 编译程序时报win32.indcu.a病毒的解决方法

    Delphi7用了很久一直都没问题,同一个工程文件昨天编译时mod32还不会报毒,今天重新编译时,生成的exe突然nod32报毒. 提示: “Project1.exe Win32/Induc.A 病毒 ...

  10. hdu 5718(Oracle)大数加法

    曾经有一位国王,统治着一片未名之地.他膝下有三个女儿. 三个女儿中最年轻漂亮的当属Psyche.她的父亲不确定她未来的命运,于是他来到Delphi神庙求神谕. 神谕可以看作一个不含前导零的正整数n n ...