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

百度文库•让每个人平等地提升自我
1
Highcharts是一个使用javascript脚本来生成图表的工具，和jfreechart作用类似，都用来生成各种图 表，并支持图片的导出和打印。
从官网上下载的压缩表中的example中有各种图表的例子。
要编写生成图表的例子建议从文件名后带basic的文件看起，看到例子后你会发现，highcharts使用起 来时非常简单的，我们要做的仅仅是把数据组织好，让在页而。nload时把数据设置到组件()中即可。
一、改改自带的例子先来个例子：
第一步：下载包和 以下两个文件的下载地址：
第二步：创建一个html文件在文件的head标签部分，加入对相关js文件的引入：
<script type="text〃avascript” src=""></script>
Highcharts的核心文件
<script type=Htext/javascriptH src=H../js/H></script>
处理导出图片功能的js文件
<script type=,'text/javascriptu src=M../js/modules/n></scripl>
第三步：编写相关js代码
在上而的导入js文件代码后继续加入以下代码：
<!- 2. Add the JavaScript to initialize the chart on document ready ->
<script type=Htext/javascriptH>
var chart;
$(document).ready(function() {
chart = new ({
chart: {
renderTo: 'container',
defaultSeriesT},pe: 'line',
marginRight: 130.
marginBottom: 25
},
title: {
text: 'Monthly Average Temperature*,
x: -20
百度文库・让每个人平等地提升自我
Monthly Average Temperature
Source.
feb Mar Apr May Jun Jul
Aug Sep Oct Nov Dec
找的标题
Source WorldClimate com
CX} V .Flip ・vd=-”JL
百度文库•让每个人平等地提升自我
3
我的标题
来源：
-5
Jan Peb Mar Apr May Jun Jul Aug Sep Oct Nov Dec
现在问你，如果只要一条线呢？把series中只保留一个元素即可。如：
series: [{
name: Tokyo,,
data: L ,,,,,,,,,,]
}]
如果只要Jan, Feb , Mar这三个月的温度呢？修改data,只要前三个月的数字，当然还 要修改xAxis series: [{
name: Tokyo,,
data:[,,]
}]
xAxis: {
categories: [1 Jan 1t