在 gwt 环境中使用带有 Google StackedColumn 图表的过滤器

问题描述 投票:0回答:1

我想向 StackedColumnChart 添加一个控制过滤器。我正在使用 com.googlecode.gwt-charts 0.9.10 和 com.google.gwt.google-apis 1,0,2。我一直在使用 https://gwt-charts.appspot.com/ 上的展示作为参考 - 特别是类别过滤器示例。

我的目标是让用户能够选择将在堆叠条形图中显示的类别,由于数据的布局,我看不到如何使用 CategoryFilter。

我创建了一个带有少量测试数据的游乐场项目。数据表是由

创建的
DataTable dataTable = DataTable.create();
    dataTable.addColumn(ColumnType.STRING, "event");
    dataTable.addColumn(ColumnType.NUMBER, "apples");
    dataTable.addColumn(ColumnType.NUMBER, "pears");
    dataTable.addColumn(ColumnType.NUMBER, "oranges");
    
    for(int i=0;i<5;i++)
    {
        int row = dataTable.addRow() ;
        dataTable.setValue(row, 0, "E"+i);
        dataTable.setValue(row, 1, i+1);
        dataTable.setValue(row, 2, i+2);
        dataTable.setValue(row, 3, i+3);
    }
  

问题是,如果尝试为此图表创建仪表板和过滤器,我必须指定类别列。通过调用 CategoryFilterOptions.setFilterColumnIndex(int)。

显然 CategoryFilter 不是正确的方法 - 这对于饼图等图表(在数据表列中有类别选择)效果很好,但不适用于堆叠柱形图。

让用户选择要包含在堆叠柱形图中的类别的最佳方法是什么

java gwt react-google-charts
1个回答
0
投票

无法找到可用的过滤器我:

  • 添加了一个列表框并填充了 stackColumn 图表中的每个类别
  • 克隆数据表以创建“影子”表
  • 在被更新的列表框中,从影子表中删除了未选定的类别,并从影子表中重新绘制了图表

这可行,但使用内置过滤器会更好

© www.soinside.com 2019 - 2024. All rights reserved.