jpgraph中文手册之jpgraph颜色控制说明教程

  继续以中文PHP教程形式翻译jpgraph帮助文档,今天要介绍的是在使用jpgraph时如何对图表的颜色进行控制,主要涉及jpgraph类库中几种颜色的命名方法说明;颜色透明度、亮度如何进行控制以及在使用过程中颜色透明度及亮度的标示说明。希望对使用jpgraph创建图表的开发者有所帮助。

  使用适当的颜色是创建清晰直观图表的重要组成部分。为了简化颜色处理,jpgraph支持几种方法来调整和操作颜色,比如按名称或值来调整。

  所有对象的几乎所有颜色设置方法主要有两种命名方式

  SetColor()设置轮廓的颜色或者如果该对象只有一个颜色(如字体)设置这个颜色

  SetFillColor()填充指定区域对象的颜色。

  这两个方法都需要一个参数来标识颜色

  通过颜色名称来指定颜色

  jpgraph有一组标准颜色对应的名称列表,需参考jpgraph英文文档中附录D中的颜色名称列表对应关系

  SetColor(’white’)
  SetFillColor(’orange’)

  当你不需要替换变量时始终使用单引号字符串会更快更方便

  通过RGB值来指定颜色

  使用已命名的颜色取决于jpgraph类库知道的颜色。如果需要其他颜色需要人工指定。

  第一种方法是使用RGB值来指定颜色,即红、绿、蓝组成颜色。每个组成部分由0-255范围内的整数指定。比如

  SetColor( array(255,255,255))
  SetColor( array(0xff,0xff,0xff))
  SetFillColor( array(0×44,0×54,0xa4))

  常用的数组array(0,0,0)代表黑色,array(255,255,255)代表白色。

  使用HTML颜色指定

  第二种方法是使用与RGB数组类似的16进制RGB值来代替,也就是HTML网页中使用的颜色,比如

  SetColor(’#333′), 注意是一个短格式,与SetColor(’#333333′)一致
  SetColor(’#12be7a’)
  SetFillColor(’#99eff5′)

  颜色的微调处理

  这部分主要介绍的是颜色透明度和亮度的控制。

  指定alpha通道(颜色透明度)

  通过指定透明度,颜色也可以变成半透明。

  alpha通道可以指定0.0-1.0范围内的数字来指定颜色透明度,0.0表示不透明,1.0表示全透明,即只显示背景色。透明度通过@字符添加。通常使用在区域填充中(即使用SetFillColor()方法时),比如

  SetFillColor(’red@0.2′), 稍透明的红色
  SetFillColor(’red@0.8′), 几乎全透明的颜色

  使用不同alpha值的效果如下图,当蓝色越来越透明时,红色条状图越来越清晰。


使用jpgraph控制颜色的透明度示例

  使用jpgraph调整亮度

  亮度系数通过:字符分隔厌颜色。亮度系数值的范围在0.0-2.0。使用亮度系数0.0表示颜色将会变黑(没有任何亮度),2.0系数表示颜色为白色(最大亮度)。使用系数1将会让原来的颜色不变。

  亮度系数可以在已命名的颜色名称或HTML颜色中使用,比如

  SetColor(’red:0.8′), 稍微暗点的红色
  SetColor(’red:1.5′), 明亮的hongse
  SetColor(’#3485a9:1.8), 明亮的蓝绿色

  调整已命名的颜色亮度以及调整HTML颜色说明符的亮度,如图


使用jpgraph调整颜色的亮度示例

  亮度和透明度调整的结合方法

  SetColor(’red@0.7:1.2′)
  SetFillColor(’#4545aa@0.3:1.5′)

  @后的第一个数值代表透明度,第二个数值代表亮度

  额外的颜色处理说明

  有一些plot类型需要额外的颜色处理以便更容易在数据集之间处理和分化。

  Pie plots

  饼图支持颜色主题的概念。颜色主题是将简单的一组颜色用于饼图内连续切片。

  Color maps

  矩阵(只有在PRO版本)和等高线图也有Color maps的概念。

  至此,使用jpgraph类库对图表颜色进行处理的教程就介绍完了,jpgraph支持的颜色透明度和亮度控制非常实用,而其对颜色设置的方法及命名方法也非常适合WEB设计人员使用。

  :PHP网站开发教程-leapsoul.cn版权所有,转载时请以链接形式注明原始出处及本声明,谢谢。

时间: 2024-09-03 08:40:29

jpgraph中文手册之jpgraph颜色控制说明教程的相关文章

php jpgraph中文使用手册之jpgraph字体安装与配置方法

在php jpgraph安装教程介绍完后,已可以在安装PHP的环境下使用jpgraph类库了.但是为了让jpgraph类库更好的支持各种字符,比如中文字符,我们需要理解jpgraph类库的字体配置原理并进行合理配置,下面我以jpgraph中文手册的形式介绍下如何进行jpgraph字体配置,希望对刚上手使用jpgraph类库的朋友有所帮助. jpgraph类库支持两种类型的字体:bitmap和TTF字体.bitmap字体的优势是jpgraph类库自身就支持并不需要再配置.而TTF字体需要一些配置也

解决JpGraph中文乱码问题的方法

JpGraph为什么会出现中文乱码 在JpGraph中默认是要把字符串转成utf8的,但是如果你的文件本身就是utf8的,并且要用中文字体,它还会转一遍,结果多转了一次,就会出现乱码.如图所示 JpGraph使用详解之中文乱码解决方法 取前篇的代码片断如下  代码如下 复制代码 //设置图表的标题字体.大小 $graph->title->Set("Accumulated bar plots"); $graph->xaxis->title->Set(&quo

Swift中文手册 -- The Basics

原文:Swift中文手册 -- The Basics 基础部分 Swift 是 iOS 和 OS X 应用开发的一门新语言.然而,如果你有 C 或者 Objective-C 开发经验的话,你会发现 Swift 的很多内容都是你熟悉的. Swift 的类型是在 C 和 Objective-C 的基础上提出的,Int是整型:Double和Float是浮点型:Bool是布尔型:String是字符串.Swift 还有两个有用的集合类型,Array和Dictionary,详情参见集合类型(待添加链接).

英巴卡迪诺新年战略:支持Linux提供中文手册

提到英巴卡迪诺Embarcadero公司可能会有人感到陌生但是提到其旗下的应用程序开发工具Delphi和C++Builder相信很多开发者都会有与此相关的记忆.从这几年英巴卡迪诺的产品升级和市场推广来看Delphi和C++Builder依然是她的骄傲和重点. 今天英巴卡迪诺又发布了其2015年的新年产品和市场战略对于中国广大的开发人员.数据库管理员和程序设计师来说有两个很关键的信息跨平台和中文支持. 将不仅仅是Windows平台下的开发工具 我们先归纳下目前英巴卡迪诺的主要产品包括应用程序开发工

linux 打造man中文手册图解(man-pages-zh帮助页)

刚学习linux有一份中文帮助手册该是多好事情.linux自带的帮助尽管有多种语言,目前各种发行版的linux基本没有中文帮助手册.打造个适合自己中文手册还是很有意义的.配置过程其实比较简单,只需要知道中文包,然后放到man可以搜索到的目录中,基本就可以了. 下面将分一下几步: 下载开源的man-pages 中文手册包 配置解压手册包 测试安装中文包 一.在个人工作目录安装中文帮助手册这样优点是每个用户,登陆进去都可以有自己的语言版帮助手册.大家直接手册不会被相互调用,独立而且灵活 1.下载开源

分享:ASP.NET中文手册

问题描述 ASP.NET中文手册 解决方案 解决方案二:没一个回帖,郁闷ing...解决方案三:呵呵,看來大家很現實.你應該發分,就有人跟帖了解决方案四:看了一下目录,怎么像是ASP.NET1.0或者1.1版本的?解决方案五:瞧瞧再说解决方案六:vb?!解决方案七:怎么没解压码到网站上也找不到解决方案八:非常感谢,密码想想也知道是www.wefine.net,不用去网上查了解决方案九:楼上说的对.

jquery 手册-jquery 中文手册-jquery中文api手册

本网站也提供一款在线jquery 中文手册教程 http://www.111cn.net/jquery/ 下面是一些我收藏到一些关于jquery的各位帮助文档与资料了,希望各位朋友喜欢哦. Jquery官方网站. http://jquery.com/ 附jQuery中文手册一部,jQuery中文api地址,http://jquery.org.cn/api/cn/api_11.xml http://wiki.jquery.org.cn/doku.php jQuery中文手册下载 http://ww

prototype1.4中文手册_prototype

以前看到过一系列类似的函数: function $(s){return document.getElementById(s);} 觉得非常简单实用,原来都是prototype库里的. 现在有了中文手册,看起来就方便多了(虽然我还没细看该手册,但感觉应该不错).prototype.js是由Sam Stephenson写的一个javascript类库.这个构思奇妙,而且兼容标准的类库,能帮助你轻松建立有高度互动的web2.0特性的富客户端页面.文件: prototype手册.rar 大小: 789K

OPPO R9s熄屏状态怎么控制音乐 OPPO R9s熄屏控制音乐教程

很多OPPO R9s用户都想要实现在熄屏状态下控制音乐,其实这个操作只需简单的几步就可以实现啦!OPPO R9s熄屏状态怎么控制音乐?好奇的话都来看看OPPO R9s熄屏状态控制音乐教程吧!  OPPO R9s熄屏状态控制音乐方法: 1)打开手机[设置],进入设置菜单点击[手势体感]选项. 2)然后点击[黑屏手势]选项,打开之后把[音乐控制]的开关打开就可以在熄屏状态下控制音乐了,具体操作方式就是在熄屏屏幕上面通过画[Ⅰ]暂停/播放音乐,画[〈]和[〉]控制上/下一曲音乐. OPPO R9s熄屏