java - Highcharts 中的数组

标签 java javascript arrays highcharts

我正在使用 highcharts 为我的网站绘制一些图表。我下载了一个简单的示例并想做一些修改。计划是将 postgreSql 数据库中的数据加载到声明的数组中,并将其插入到 data 中(在 highcharts 中串联)。但是我马上就遇到了问题,我声明了一个名为 arr1 的数组,并将其放在数据所在的位置:

var arr1 = [-2,8,5,11,17,22,24,24,20,14,8,2];

数据:arr1

并且它返回空白页,但是: 数据:[-2,8,5,11,17,22,24,24,20,14,8,2]

工作正常... 我没有使用 php 或 JSON,数组有问题吗? 任何帮助都非常感谢!

$(function () {
var chart;
var arr1 = [-2, 8, 5, 11, 17, 22, 24, 24, 20, 14, 8, 2];
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'line',
            marginRight: 130,
            marginBottom: 25
        },
        title: {
            text: 'Monthly Average Temperature',
            x: -20 //center
        },
        subtitle: {
            text: 'Source: WorldClimate.com',
            x: -20
        },
        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },
        yAxis: {
            title: {
                text: 'Temperature (°C)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            formatter: function() {
                    return '<b>'+ this.series.name +'</b><br/>'+
                    this.x +': '+ this.y +'°C';
            }
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            x: -10,
            y: 100,
            borderWidth: 0
        },
        series: [{
            name: 'Tokyo'
            data: arr1
        }, {
            name: 'New York',
            data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
        }, {
            name: 'Berlin',
            data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
        }, {
            name: 'London',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]
    });
});

});

最佳答案

以下行缺少 ,:

series: [{
    name: 'Tokyo',
                 ^

关于java - Highcharts 中的数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15674383/

相关文章:

java - 旋转缓冲图像

javascript - 将 Angular 表达式传递给函数

javascript - 如何向 eslint 规则添加异常(exception)?

python - 如何识别 numpy 数组中的最小值,不包括对角线零?

Java Scanner 类读取字符串

java - Jmeter 和全局 Beanshell 变量

java - Gradle WAR 构建后,WAR 文件两次包含静态资源

javascript - 使用函数的上下文与将参数传递给函数

java - 从服务器搜索 json 数组的搜索栏

c - 如何将此数组作为字符串返回?