CODEWITHSUNDEEP
javagwtgoogle-visualization
Jose Hdez
Jose Hdez

Reputation: 2347

Date and Time in Annotated TimeLine GWT

I am plotting a trend chart in GWT. In concrete, AnnotatedTimeLine. My Java code is:

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);

Well, when I show graph I obtain the following figure:

enter image description here

In x axis I have date without time. I would like to include time. How could I get it?

Thanks in advance!!

King regard and merry christmas!

Upvotes: 1

Views: 1148

Answers (2)

Viktor Zeman
Viktor Zeman

Reputation: 1

It is clearly explained in google's api documentation, that it supports only DATE and datetime is not supported.

I'm facing the same requirement to store multiple values into same date. Did you find any other library, which can handle this problem correctly ?

Upvotes: 0

Pragalathan M
Pragalathan M

Reputation: 1781

Either set the format to MMMM dd, yyyy and try or try without setting any format.

Upvotes: 1

Related Questions