当显示多个图表时,gwt可视化api标签消失

时间:2013-06-18 14:13:24

标签: gwt google-visualization labels

我只想在同一个Panel中显示几个图表。我使用哪种图表类型(Column,Line,Pie等)并不重要。结果是,无论我尝试显示多少个图表,只有第一个图表有标签。见这个屏幕截图:

enter image description here

在第二个图表中,缺少x轴和y轴标签以及数据集的标签。我在Chrome,Firefox和IE中测试过。总是一样的。

以下是我使用的代码:

            VerticalPanel panel=new VerticalPanel();
            final int height = 400;
            final int width = 1200;
            Date d = new Date();

            //message data
            final DataTable msgData = DataTable.create();
            msgData.addColumn(ColumnType.DATE, "date");
            msgData.addColumn(ColumnType.NUMBER, "data one");
            msgData.addColumn(ColumnType.NUMBER, "data two");
            msgData.addRows(6);

            for (int i = 0; i < 6; i++)
            {

                d.setTime(d.getTime() + (1000 * 60 * 60 * 24));
                msgData.setValue(i, 0, d);
                msgData.setValue(i, 1, i + 11);
                msgData.setValue(i, 2, i + 12);
            }

            final Options options = Options.create();
            options.setWidth(width);
            options.setHeight(height);
            options.setIsStacked(true);
            options.setTitle("Chart One");

            panel.add(new ColumnChart(msgData, options));

            d = new Date();
            //new data
            final DataTable newData = DataTable.create();
            newData.addColumn(ColumnType.DATE, "date");
            newData.addColumn(ColumnType.NUMBER, "data three");
            newData.addColumn(ColumnType.NUMBER, "data four");
            newData.addRows(5);

            for (int i = 0; i < 5; i++)
            {
                d.setTime(d.getTime() + (1000 * 60 * 60 * 24));
                newData.setValue(i, 0, d);
                newData.setValue(i, 1, i + 3);
                newData.setValue(i, 2, i + 4);
            }

            final Options options_new = Options.create();
            options_new.setWidth(width);
            options_new.setHeight(height);
            options_new.setIsStacked(true);
            options_new.setTitle("Chart two");

            panel.add(new ColumnChart(newData, options_new));

我用firebug检查了生成的html。图表使用SVG渲染,在第二个图表中,标签没有svg标签,而它们存在于第一个图表中。因此,缺失的标签不会被切断或隐藏,甚至不会被创建。

感谢您的帮助

0 个答案:

没有答案