Question

通过单击或调整浏览器大小来解决问题。我有TabPanel与RowData一起放置，两个TabItems与图表（谷歌Vizualization）在一个和表格与下一个相同的数据。我在页面加载时创建它们。然后我点击DB中的Load Data（按钮），我重绘了这两个：

    public void reDraw(final List<Double> slices, final String[] devices)
    {
        pcPie.draw(createTable(slices,devices),createOptions("По автомобилям"));
        tPie.draw(createTable(slices, devices),CreateTableOptions());
    }

这仅适用于活动的TabItem，并在生成的HTML中使用此大小（400px; 200px）替换后面的绘图空间，我发现后面部分的数据不会更改。

此外，当我调整浏览器大小时，图表和表格没有调整大小。我尝试使用一些布局，它们不起作用。可能是我不明白如何正确使用它们。所以，

如何在两者中正确调整我的图表和表格的大小部分（活动和后面）？
如何调整图表和表格的大小在浏览器上调整事件大小？

Answer 1

我们的第一个问题来自于：当您将TabPanel组件与某些TabItem一起使用时，TabItems后面没有完全创建，并且您无法重绘它们，导致未创建对象。所以我们在激活的部分中更改了代码：

public void run() { 
    tpLineCharts.setBorders(true);                 
        TabItem tiGraph = new TabItem("График");
            tableData = createTable();
            lcLines = new LineChart(tableData, 
                                    createOptions("По компании"));
            lcLines.addSelectHandler(createSelectHandler(lcLines)); 
        tiGraph.setLayout(new FitLayout());
        tiGraph.add(lcLines);
    tpLineCharts.add(tiGraph);  
        TabItem tiTable = new TabItem("Таблица");                      
            tLine = new Table(tableData, CreateTableOptions());                                                 
        tiTable.add(tLine);                                               
        tiTable.addListener(Events.Select, new Listener<BaseEvent>()
        {
            @Override
            public void handleEvent(BaseEvent be) {                                           
                tLine.draw(tableData);
            }
        });
    tpLineCharts.add(tiTable);                  
}}, CoreChart.PACKAGE, Table.PACKAGE);

其中tableData - AbstractTableData。修改完成后，我们可以重新绘制组件：

public void reDrawLineChart(final ArrayList <Double> sumCompanyTraffic, 
    final ArrayList<Integer> axisName, String title)
{          
    tableData =createTable(sumCompanyTraffic, axisName); 
    tLine.draw(tableData, CreateTableOptions());
    lcLines.draw(tableData, createOptions(title));
}

您还需要添加以下选项：

private Options createOptions(String title) 
{
    Options options = Options.create();
    options.setTitleX("Период");                
    options.setTitle(title);     
    if(tpLineCharts.isRendered())
        options.setSize(tpLineCharts.getWidth(true), 
                tpLineCharts.getHeight(true));

    return options;
}

ExtGWT使用ChartsVizualization调整TabPanel（TabItem）和ChartsTable

1 个答案: