1、highcharts
Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。目前HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。
HighCharts界面美观，由于使用JavaScript编写，所以不需要像Flash和Java那样需要插件才可以运行，而且运行速度快。另外HighCharts还有很好的兼容性，能够完美支持当前大多数浏览器。现在官方的最新版本为HighCharts3.0Beta。 url: http://www.highcharts.com/ Demo:http://www.highcharts.com/demo/ http://www.highcharts.com/stock/demo/ http://api.highcharts.com/highcharts#xAxis
function createChart(data){ chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'line' }, title: { text: '用户一周PV线型图' }, subtitle: { text: '信息来源: www.weibo.com' }, xAxis: { categories: data.xAxis, max: data.xAxis.length > 10 ? 10 : null //设置x轴的宽度 }, yAxis: { title: { text: 'PV' } }, tooltip: { enabled: true, formatter: function() { return ''+ this.series.name +''+ this.x +': '+ this.y +'pv'; } }, plotOptions: { line: { dataLabels: { enabled: true }, enableMouseTracking: true } }, scrollbar: { enabled: true //设置滚动bar }, legend: { layout: 'horizontal', align: 'top', verticalAlign: 'top', x: -10, y: 50, borderWidth: 0 }, series: data.series }); }