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

Highcharts 是一个使用javascript 脚本来生成图表的工具，和jfreechart 作用类似，都用来生成各种图表，并支持图片的导出和打印。

从官网 上下载的压缩表中的example中有各种图表的例子。

要编写生成图表的例子建议从文件名后带basic 的文件看起，看到例子后你会发现，highcharts使用起来时非常简单的，我们要做的仅仅是把数据组织好，让在页面onload时把数据设置到组件（Highcharts.Chart）中即可。

一、改改自带的例子/

先来个例子：

第一步：下载Highcharts-2.1.3.zip 包和jquery-min-1.4.2.js

以下两个文件的下载地址：

/download

/ajax/libs/jquery/1.4.2/jquery.min.js

第二步：创建一个html文件在文件的head标签部分，加入对相关js文件的引入：

Highcharts的核心文件

处理导出图片功能的js文件

第三步：编写相关js代码

在上面的导入js文件代码后继续加入以下代码：

第四步：准备存放图片的容器

在 标签中加入：

运行下试试。

这样就完成了一个最基本的曲线图的例子。

接下来的是如果我们要自己实现一个该怎么弄？

很简单，修改例子代码就可以了，用不着自己重新写代码。

1.先对比刚才写的例子的代码和效果，看看那些东西我们可以修改：

很明显，标题的文字、纵轴的单位，横轴的文字，这些都要修改，数据部分先不管。

于是，在html文件中，修改标题为：我的标题

修改代码为：

title: {

text: '我的标题',

x: -20 //center

},

保存再打开html，我自己在试验的使用用的是ultraEdit 编辑器编辑的html文件，发现文件里面的摄氏度出现乱码，当时没在意，用firefox查看源文件，把摄氏度这个符号给copy 过来了，保存后打开时没出现效果。

然后查看源文件的时候出现乱码，应该是编辑器把文件的编码修改了，所以在改的时候最好用记事本，保存时，保存为utf-8编码的。或者干脆放在我们的开发工具中修改。