您如何創建圖表圖表

Question

我正在嘗試使用highcharts建立條形圖。 這是我的功能：

function monthly_web_login() {

        $.getJSON('monthly_web_login.php', function(data) {

        var chart = new highcharts({
         chart: {
                borderColor: '#98AFC7',
                borderRadius: 20,
                borderWidth: 1,
                renderTo: 'login',
                type: 'bar',
                marginRight: 10,

            },

            exporting: {
            enabled: true
        },
            rangeSelector: {
                enabled:false              
            },

            scrollbar: {
                    enabled: false
                    },
            navigator : {
                enabled : false
            },
            xAxis: {
            type: 'datetime',
            tickInterval: 30 * 24 * 3600 * 1000, // 6 months month
            dateTimeLabelFormats: {
                millisecond: '%H:%M:%S.%L',
                second: '%H:%M:%S',
                minute: '%H:%M',
                hour: '%H:%M',
                day: '%e. %b',
                week: '%e. %b',
                month: '%b',
                year: '%Y'
            }
        },
            yAxis: { // Primary yAxis
                labels: {
                    style: {
                        color: 'blue'
                    }
                },
                gridLineColor: '#197F07',
                gridLineWidth: 0,
                title: {
                    text: 'Monthly Logons',
                    style: {
                        color: 'blue'
                    }
                }
            },

            credits: {
                enabled: false
            },

            title: {
                text: 'TOTAL MONTHLY LOGONS',
                style: {
                    color: '#333000',
                    fontSize: '14px'
                }
            },

            tooltip: {
                pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y} </b><br>',
                valueDecimals: 2
            },
            series: data


    });
    });
}

這是我的json文件：

[{"name":"logon","pointStart":Date.UTC(2011, 1, 1),"pointInterval":30 * 24 * 3600 * 1000,"data":[284697404,268944957,297847827,287150001,277779620,262275285]}]

這是HTML：

<div id="login" style="width:700px; height:300px;"></div>

我沒有看到任何錯誤，也沒有圖表。 有什么想法，我在這里做錯了什么？

Answer 1

似乎沒有將圖表與DOM元素相關聯。

代替：

var chart = new highcharts({})...

嘗試：

var chart = $('#login').highcharts({})...

請參閱此jsfiddle（ http://jsfiddle.net/pSTcC/ ），獲取使用示例並稍作修改即可使用代碼的工作示例。