Highcharts – 超强javascript图表库 | ria之家--RIA三部曲：jquery、ext、flex

正在加载菜单，请稍待......

Highcharts – 超强javascript图表库

类别：javascript jquery插件

标签：javascript图表

浏览：500次

明河共影发布于 2010年01月6日

RIA之家技术群：24440797。你可以通过以下方式联络到明河： 1、进入我的微博首页跟随我 2、我的email：riahome@126.com

Highcharts是一个功能非常强大的javascript（基于jquery，但并没有采用jquery插件的形式）图表库，实现的效果非常接近flash的图表效果。

官方网站：http://www.highcharts.com/

简易使用教程：

引入js和css

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"><script><script src="/highcharts/highcharts.js" type="text/javascript"></script><script src="/highcharts/excanvas-compressed.js" type="text/javascript"></script>

初始化插件：

$(document).ready(function() {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'area'
},
title: {
text: 'US and USSR nuclear stockpiles'
},
subtitle: {
text: 'Source: http://thebulletin.metapress.com/content/c4120650912x74k7/fulltext.pdf'
},
xAxis: {
},
yAxis: {
title: {
text: 'Nuclear weapon states'
},
labels: {
formatter: function() {
return this.value / 1000 +'k';
}
}
},
tooltip: {
formatter: function() {
return this.series.name +' produced <b>'+
Highcharts.numberFormat(this.y, 0, null, ' ') +'</b><br/>warheads in '+ this.x;
}
},
plotOptions: {
area: {
pointStart: 1940,
marker: {
enabled: false,
symbol: 'circle',
radius: 2,
states: {
hover: {
enabled: true
}
}
}
}
},
series: [{
name: 'USA',
data: [null, null, null, null, null, 6 , 11, 32, 110, 235, 369, 640,
1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126,
27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662,
26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605,
24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586,
22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950,
10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104 ]
}, {
name: 'USSR/Russia',
data: [null, null, null, null, null, null, null , null , null ,null,
5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322,
4238, 5221, 6129, 7089, 8339, 9399, 10538, 11643, 13092, 14478,
15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049,
33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000,
35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000,
21000, 20000, 19000, 18000, 18000, 17000, 16000]
}]
});
});