highcharts--基本使用手册(中文API).doc

Hｉghcharts 是一个使用javaｓcrｉpt　脚本来生成图表的工具,和ｊfrｅechart 作用类似，都用来生成各种图表,并支持图片的导出和打印。
从官网 　 上下载的压缩表中的eｘamｐle中有各种图表的例子。
要编写生成图表的例子建议从　文件名后带　bａsic 的文件看起，看到例子后你会发现，highchａrts使用起来时非常简单的，我们要做的仅仅是把数据组织好，让在页面ｏnloaｄ时把数据设置到　组件（)中即可。
一、 改改自带的例子ｈｔtp:／//
先来个例子:
第一步： 　下载Ｈighｃharts－2．1． 包 和　jqueｒy-mｉn-．js
以下两个文件的下载地址：
htｔp:／/
htｔｐ:/／ajaｘ．.2/
第二步： 创建一个html文件在文件的hｅad标签部分，加入对相关js文件的引入：
<ｓcriｐｔ type="text/jaｖaｓcripｔ" src=＂hｔtp:／／／ajａx/libs/jquｅｒｙ/．js"></scripｔ>
Ｈighchaｒts的核心文件
＜ｓcrｉpt ｔypｅ="text/jａvａscript" ｓrc=＂../js／"><／sｃｒｉpt＞
处理导出图片功能的jｓ文件
＜ｓcrｉｐｔ typｅ="tｅｘt／jａvaｓcｒｉpｔ" src＝＂../js/modules/"></script＞
第三步:编写相关ｊs代码
在上面的导入ｊｓ文件代码后继续加入以下代码：
ﻩ＜！-- 2． Add the JａｖaScｒｉｐt　to ｉnitialｉze the charｔ on docｕment ｒｅａdｙ　-－>
＜scｒｉpt　type=＂tｅxt/javａsｃrｉｐt">
ﻩ
vａr chart;
ﻩﻩ$（docuｍｅnt).rｅａdy(ｆｕｎcｔion(） {
ﻩ chａrｔ = ｎew　({
ﻩchａｒt:　{
ﻩﻩ reｎderTo: 'containｅr',
ﻩﻩ defaｕltSeriesTｙpｅ：　'line'，
ﻩﻩﻩ marｇinＲighｔ： 1３０，
marginBotｔom: 2５
ﻩﻩﻩ},
ﻩﻩ title: {
ﻩﻩﻩtext: 'Ｍｏnthly　Avｅｒagｅ Tｅmpeｒatｕre',
ﻩﻩﻩ ﻩx:　－20 /／cｅnter
ﻩ ﻩ ﻩ}，
ﻩﻩ ﻩsubｔｉtle： {
ﻩ ﻩ tｅxt： ＇Ｓｏｕｒce: '，
ﻩ ﻩx: -2０
ﻩ ﻩ ｝，
ﻩ ﻩ xAxis: {
ﻩﻩﻩ cateｇｏｒieｓ: ['Jan'， ＇Feｂ',　'Mar', ＇Ａpr'， 'Ｍaｙ'，　＇Jｕn',
ﻩ 'Jul＇，　'Aug',　'Sｅp', 'Ｏｃt＇,　'Nov', 'Dec']
ﻩﻩﻩﻩ },
ﻩﻩﻩ yAxis: {
ﻩ ﻩﻩ title: ｛
ﻩﻩﻩﻩﻩﻩﻩtｅxt: 'Tｅmｐeraｔure　(°Ｃ)＇
ﻩ },
ﻩ ﻩ ﻩplotLines:　[{
ﻩﻩ ﻩﻩ vａlue: ０,
ﻩﻩ ﻩｗidth:　1,
ﻩﻩﻩﻩﻩﻩcoｌｏr: '#80８０80＇
ﻩﻩ }]
ﻩﻩﻩ},
ﻩﻩ ｔｏoｌtip: ｛
ﻩ ﻩformatｔｅr: fｕncｔｉon() ｛
ﻩﻩ 　 　 　 return ＇<b>'+　 +'<／b><br/>'＋
ﻩ ﻩ 　＋':　'+ 　+＇°C'；
ﻩﻩ ﻩ }
ﻩﻩ }，
ﻩﻩﻩﻩ lｅgend： ｛
ﻩ ﻩlaｙｏｕt：　'verｔicａl',
ﻩ ﻩﻩﻩﻩaｌiｇn: 'rｉｇht'，
ﻩ ﻩﻩveｒticaｌAｌｉｇｎ: ＇top',
ﻩﻩ ﻩ ｘ： -10,
ﻩﻩﻩﻩy: １0０，
ﻩﻩ bｏrderWidth: 0
ﻩﻩﻩﻩ ｝,