Highchart /将全局选项用于外部JS文件

时间:2013-06-24 21:07:06

标签: javascript highcharts external

我想将动态信息放入我的php页面并将我的全局选项保存到外部JS文件中,但“选项”似乎未定义:

外部文件:

$(function () {

var options = {
        chart: {
            rendedTo: 'barchart',
            type: 'column',
            width: 765
        },
        xAxis: {
            labels: {
                rotation: -45,
                align: 'right'
            }
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Nombre de sous-titres postés ce mois'
            }
        },
        legend: {
            enabled: false
        },
        tooltip: {
            formatter: function() {
                var s = (this.y > 1) ? 's' : '';
                return '<b>'+ this.x +'</b><br/>'+
                     this.y+' sous-titre'+s+' posté'+s;
            }
        },
        series: [{
            name: 'Nombre d\'upload'
        }]
    }
});

然后我把建筑线放在我的头上:

<script type="text/javascript">
    $(document).ready(function(){
        $.getJSON('include/ajax/statistiquesMembreMensuel.json.php?id=1', function(data) {
            options.xAxis.categories = data[0];
            options.series[0].data = data[0];
            options.chart.title = "Nombre d\'upload mensuel effectués par le membre '.stripslashes($row['pseudo']).'";
            var chart = new Highcharts.Chart(options);
        });
    });
    </script>

如果我把它放到.js文件中,我需要如何将$_GET['id']信息发送到getJSON网址?

如何在加载图表后编辑图表标题?

1 个答案:

答案 0 :(得分:0)

1)删除var以创建全局变量,或者更好,删除包裹$(function () { ... });的{​​{1}}。

2)要设置标题,请参阅this