0

我只想在同一个面板中显示几个图表。我使用哪种图表类型（柱形、线形、饼形等）并不重要。结果是只有第一个图表有标签，无论我尝试显示多少图表。看这个屏幕截图：

在此处输入图像描述

在第二个图表上，缺少 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-tags，而它们存在于第一个图表中。因此，缺失的标签不会被切断或隐藏，甚至不会被创建。

谢谢你的帮助

4

0 回答 0