HighCharts

<script type="text/javascript">
        var chart;
        $(function () {
            var url = "/HighChart.ashx";
            var colors = Highcharts.getOptions().colors;
            $.post(url, { movement: "Get_Company" }, function (data) {
                data = eval("(" + data + ")");
                var count = new Array(),
                    count1 = new Array();
                var cata = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"];
                for (var i = 0, n = data.length; i < n; i++) {
                    if (data[i].Key.Com_Name == "·福州") {
                        count.push(data[i].NumCount);
                    }
                    else {
                        count1.push(data[i].NumCount);
                    }
                }
                chart = new Highcharts.Chart({
                    chart: {
                        renderTo: 'container',
                        type: 'column'
                    },
                    credits: {
                        enabled: false     //去掉highcharts网站url  
                    },
                    title: {
                        text: 'xxxx'
                    },
                    subtitle: {
                        text: 'xxxx'
                    },
                    xAxis: {
                        categories: cata,
                        labels: {
                            style: {
                                color: '#363636',
                                fontWeight: 'bold'
                            },
                            align: 'center'
                        }
                    },
                    yAxis: {
                        min: 0,
                        title: {
                            text: ''
                        },
                        alternateGridColor: '#FDFFD5',
                        allowDecimals: true
                    },
                    legend: {
                        layout: 'vertical',
                        backgroundColor: '#FFFFFF',
                        align: 'left',
                        verticalAlign: 'top',
                        floating: true,
                        shadow: true
                    },
                    plotOptions: {
                        column: {
                            cursor: 'pointer',
                            point: {
                                events: {
                                    //
                                }
                            },
                            dataLabels: {
                                enabled: true,
                                color: colors[1],
                                style: {
                                    fontWeight: 'bold'
                                },
                                formatter: function () {
                                    return this.y;
                                }
                            }
                        }
                    },
                    tooltip: {
                        formatter: function () {
                            var point = this.point,
                            s = this.x + ':<b>' + this.y + '<br/>';
                            if (point.drilldown) {
                                s += '点击查看详情';
                            }
                            else {
                                s += '2012年度';
                            }
                            return s;
                        }
                    },
                    plotOptions: {
                        column: {
                            pointPadding: 0.2,
                            borderWidth: 0
                        }
                    },
                    series: [
                        {
                            name: '福州',
                            data: count
                        },
                        {
                            name: '北京',
                            data: count1
                        }
                    ]
                });
            });
        });
            
    </script>

 

posted @ 2013-07-07 15:50  五爷  阅读(150)  评论(0)    收藏  举报