Java Highcharts未正确显示图表/未正确读取数组

我正在从数据库中读取一些信息，并将其放入arraylist中，以便highcharts能够读取。Arraylist的格式为[String，int]，表示日期/用户数。看起来像这样

[[2014-06-25, 35], [2014-06-26, 48], [2014-06-27, 60], [2014-06-28, 14], [2014-06-29, 8], [2014-06-30, 26], [2014-07-01, 21], [2014-07-02, 32], [2014-07-03, 33], [2014-07-04, 17], [2014-07-05, 18], [2014-07-06, 14], [2014-07-07, 26], [2014-07-08, 18], [2014-07-09, 26], [2014-07-10, 21], [2014-07-11, 1]]

我要把它输入我的海图，它看起来是这样的：

    $(function () {
    $('#container').highcharts({
        title: {
            text: 'Monthly Average Users',
            x: -20 //center
        },
        subtitle: {
            text: 'subtitle',
        x: -20
        },
        xAxis: {
            type: 'category'
    },
    yAxis: {
        title: {
            text: 'Number of users'
        },
        plotLines: [{
            value: 0,
            width: 1,
            color: '#808080'
        }]
    },
    tooltip: {
        valueSuffix: '°C'
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
    },
    series: [{
        name: 'Users',
        data: '<%=combined%>'
    }]
});

但结果是这样的

我试图在jsp文件中实现这一点，highcharts可以读取java ArrayList吗

谢谢你的改变

xAxis: {
                type: 'category',

到

还有一件事-日期格式应该是这样的-[date.utc214,06,25,35]-按原样运行以获得想法

---

谢谢，这使得x轴现在上升0-50-100-150等。有什么想法吗？抱歉，将其改为-datetime而不是date，并使用上述日期格式，您需要将数据转换为该格式-检查JSFIDLE。谢谢Ninad，我正在解析我的字符串日期，如date date=new SimpleDateFormatyyy MM dd，Locale.ENGLISH.parsers.getString1；这会返回2014年英国夏令时6月25日星期三00:00:00这样的日期，但highcharts似乎仍然无法读取它。highcharts读取的数组中的日期是否正好是yyyy mm dd？date date=new SimpleDataFormatyyy mm dd，Locale.ENGLISH.parsers.getString1；System.out.printlnDate.UTC+新的SimpleDateFormatyyyy，MM，dd.formatdate+；这将为您提供所需的格式。。。Date.utc012,02,02使用此输出创建数组并将其传递给图形，如-[[Date.utc012,02,02,56]、[Date.utc012,02,02,60]等。不支持日期，只有datetime.In JS字符串的格式为[2014-06-26,48]，您可以使用tickInterval设置更多刻度之间的距离。

xAxis: {
                type: 'datetime',

$(function () {
$('#container').highcharts({
    title: {
        text: 'Monthly Average Users',
        x: -20 //center
    },
    subtitle: {
        text: 'subtitle',
    x: -20
    },
    xAxis: {
        type: 'datetime'
},
yAxis: {
    title: {
        text: 'Number of users'
    },
    plotLines: [{
        value: 0,
        width: 1,
        color: '#808080'
    }]
},
tooltip: {
    valueSuffix: '°C'
},
legend: {
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'middle',
    borderWidth: 0
},
series: [{
    name: 'Users',
            data: [
                [Date.UTC(2014,06,25), 35], 
                [Date.UTC(2014,06,26), 40], 
                [Date.UTC(2014,06,27), 41], 
                [Date.UTC(2014,06,28), 80], 

            ]
        }, ]
    });
});

xAxis: {
       type: 'datetime',
       tickInterval: 50
}