注释TimeLine GWT中的日期和时间

时间:2011-12-29 10:47:43

标签: java gwt google-visualization

我正在绘制GWT中的趋势图。具体来说,AnnotatedTimeLine。我的Java代码是:

Runnable onLoadCallback = new Runnable() {
        public void run() {
            ArrayList<AttributeDTO> occAttrs = new   ArrayList<AttributeDTO>();
            for(AttributeDTO attr : attrs){
                if(attr.getName().toLowerCase().contains("temp")){
                    occAttrs.add(attr);
                }
            }
            DataTable data = DataTable.create();
            data.addColumn(ColumnType.DATE, "Date");
            data.addColumn(ColumnType.NUMBER, "Temperature");
            data.addRows(occAttrs.size());
            RootPanel.get().add(new Label(occAttrs.toString()));
            DateTimeFormat dtf = DateTimeFormat.getFormat("yyyy.MM.dd 'at' hh:mm:ss aaa");
            for(int i = 0; i < occAttrs.size(); i++){
                data.setValue(i, 0, dtf.parse(occAttrs.get(i).getDate()));
                data.setValue(i, 1, Integer.valueOf(occAttrs.get(i).getValue()));
            }

            AnnotatedTimeLine.Options options = AnnotatedTimeLine.Options.create();
            options.setDisplayAnnotations(true);
            options.setDisplayZoomButtons(true);
            options.setScaleType(AnnotatedTimeLine.ScaleType.ALLFIXED);
            options.setDateFormat("yyyy.MM.dd 'at' hh:mm:ss aaa");
            options.setLegendPosition(AnnotatedTimeLine.AnnotatedLegendPosition.SAME_ROW);
            AnnotatedTimeLine atl = new AnnotatedTimeLine(data, options, "600px", "400px");

            vPanel.add(atl);
        }

    };
    VisualizationUtils.loadVisualizationApi(onLoadCallback, AnnotatedTimeLine.PACKAGE);

好吧,当我显示图表时,我得到了下图:

enter image description here

在x轴上,我有没有时间的日期。我想包括时间。我怎么能得到它?

提前致谢!!

尊敬和圣诞快乐!

2 个答案:

答案 0 :(得分:1)

将格式设置为MMMM dd,yyyy,尝试或尝试不设置任何格式。

答案 1 :(得分:0)

谷歌的api文档清楚地解释了它只支持DATE和日期时间不受支持。

我面临着将多个值存储到同一日期的相同要求。您是否找到了其他可以正确处理此问题的库?