javascript 图标分析工具

一、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 '<b>'+ this.series.name +'</b><br/>'+
	                        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
	        });
		}