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
	        });
		}
相關文章
相關標籤/搜索