单击primefaces条形图中的任何条时如何获取条形数据

Question

我正在使用 Primefaces Barchart，当链接到条形图中的任何条形时，我想在 ChartSeries 中显示数据。我的代码如下：

<p:chart type="bar" model="#{dailyreport.horizontalBarChart}"  rendered="#{dailyreport.chartDate != null}"  style="height:900px;width:900px;" widgetVar="bchart">
</p:chart>

我正在为 Series 设置 Map 的 Horizo​​ntalBarChart，地图中的值类似于 ("00:14",10)。

我知道 primefaces 交互式图表但是如何获取在图表中单击的特定项目数据。我设法做到了以下几点：

public void itemSelect(ItemSelectEvent event){
    Integer seriesIndex = event.getSeriesIndex();
    Integer itemIndex = event.getItemIndex();

HorizontalBarChartModel cModel = (HorizontalBarChartModel) ((org.primefaces.component.chart.Chart) event.getSource()).getModel();
List<ChartSeries> cData= cModel.getSeries();

Map<Object, Number> ct =  cData.get(seriesIndex).getData();

}

如何使用 itemIndex 从地图中获取特定项目？

Answer 1

我做的是这样的：

HorizontalBarChartModel cModel = (HorizontalBarChartModel) ((org.primefaces.component.chart.Chart) event.getSource()).getModel();

 ChartSeries mySeries = cModel.getSeries().get(event.getSeriesIndex());

 Set<Entry<Object, Number>> mapValues = mySeries.getData().entrySet();

 Entry<Object,Number>[] test = new Entry[mapValues.size()];

 mapValues.toArray(test);
System.out.prinlnt("Key"+test[event.getItemIndex].getKey());
System.out.prinlnt("Value"+test[event.getItemIndex].getValue());

Answer 2

问题（现在基本上是一个普通的 java ;-)）是 ChartSeries 上的 getData() 由 LinkedHashMap 支持，它没有基于索引获取值的选项（即使LinkedHashMap 维护插入顺序。因此，您必须在填充模型时自己维护键和索引之间的映射，并将其保存在例如 bean 中。另一个不必每次都这样做的选择是扩展 ChartSeries像这样：

package some.package;

import java.util.ArrayList;
import java.util.Map;

import org.primefaces.model.chart.ChartSeries;

public class MyChartSeries extends ChartSeries {

    private ArrayList<Object> indexKeyMapper = new ArrayList<>();

    public void setData(Map<Object, Number> data) {
        throw new RuntimeException("No, sorry");
    }

    public void set(Object x, Number y) {
        getData().put(x, y);
        indexKeyMapper.add(x);
    }

    public Object getKey(int index) {
        return indexKeyMapper.get(index);
    }

    public Number getData(int index) {
        return getData().get(indexKeyMapper.get(index));
    }

}

然后您可以在检索到的系列上使用 getData(event.getItemIndex())（不要忘记转换为 MyChartSeries）。

（这个可行，我刚刚测试过）