0

根据下面的结果集，我创建了一个列堆栈图。它们已被转换为 4 属性对象列表（称为 SKUQtyMetric - 除了 Quantity as Integer 之外，所有都是字符串）

来自数据库的结果集

将其转换为堆栈图时，我无法让第二个项目出现在每个 x 刻度中的第一个项目旁边（X 代表小时）。如果我没记错的话，应该只有四个 DataSeries 对象，每个对象代表一个插座，然后执行一个内部循环。顺便说一句，即使有多个项目，每个出口都被指定一种颜色（我限制选择三个项目以在数据库中搜索），因此下面有outletFromH代码。

代码的当前渲染（使用 Vaadin 图表 4）如下：

Map<String, Set<String>> myMaps = new HashMap<String, Set<String>>();
        for (SkuQtyMetric item : objList) {
            if (!myMaps.containsKey(item.getOutletName())) {
                myMaps.put(item.getOutletName(), new HashSet<String>());
            }
            myMaps.get(item.getOutletName()).add(item.getItemName());
        }
        String asgnColor = "#ffcccc";
        for(Map.Entry<String, Set<String>> map: myMaps.entrySet()) {
            DataSeries dataSeries = new DataSeries(map.getKey()+"");
            PlotOptionsColumn plotOptions = new PlotOptionsColumn();
            plotOptions.setStacking(Stacking.NORMAL);
            DataLabels labels = new DataLabels(true);
            Style style = new Style();
            style.setFontSize("9px");
            style.setTextShadow("0 0 3px black");
            labels.setStyle(style);
            labels.setColor(new SolidColor("white"));
            plotOptions.setDataLabels(labels);
            ls.add(dataSeries);

            for(String itemName: map.getValue()) {
                System.out.println("Inside " + map.getKey() + ", value is: " + itemName);
                dataSeries.setId(itemName);
                for(SkuQtyMetric metric : objList) {
                    for (Map.Entry<String, String> outletfromH : Constant.SYCARDA_COLOR.entrySet()) {
                        if (outletfromH.getKey().equalsIgnoreCase(map.getKey())) {
                            asgnColor = outletfromH.getValue();
                        }
                    }
                    System.out.println("DataSeries Id: " + dataSeries.getId() + " , Item metric name is: "+metric.getItemName());
                    if(dataSeries.getName().equalsIgnoreCase(metric.getOutletName())) {
                        if(dataSeries.getId().equalsIgnoreCase(metric.getItemName())) {
                            DataSeriesItem dataSeriesItem = new DataSeriesItem(xFor(metric.getHourNumber()), metric.getQuantityAmt());
                            dataSeriesItem.setId(metric.getItemName()+"_setSeriesId");
                            dataSeriesItem.setColor(new SolidColor(asgnColor));

                            dataSeries.setStack(metric.getItemName());
                            plotOptions.setColor(new SolidColor(asgnColor));
                            dataSeries.setPlotOptions(plotOptions);
                            dataSeries.add(dataSeriesItem);
                        }
                    }
                }
            }
        }


        for (int j = 0; j < ls.size(); j++) {
            listSeries.add(ls.get(j));
        }

        chart.getConfiguration().getSubTitle().setText(subpageName);
        chart.getConfiguration().setSeries(listSeries);

渲染时，我只能得到这个结果：

当前图表

这是当前的图表，但缺少第二项（椰子水），以红色涂鸦显示。我不确定我的 Map 类或我控制的列表对象是否不正确，或者可能应该有八个而不是四个 DataSeries（每个都是一个出口和一个产品）。如果没有，是否有比我现在正在做的更有效的方法来处理呈现图表的代码？

4

1 回答 1

0

应该有可能在同一个系列中有多个 DataSeriesItem 进入同一个堆栈。四个系列应该足够了，不需要有 8 个。您可以通过设置 DataSeriesItem 的名称并将 XAxis 类型设置为 category 以便根据点名称计算类别。或者通过将数值 X 值设置为 DataSeriesItem 并将类别设置为 XAxis 作为 String[]。

拥有单独的系列使一些事情变得更容易，例如工具提示，以及显示/隐藏图例中的数据。但理论上一切都可以在一个系列中。

在某些情况下，您可能需要确保数据按 X 值排序，或者如果您使用名称作为类别，则按名称排序，否则某些点可能无法正确显示，您可以通过检查浏览器控制台是否有错误或对此的警告。

于 2020-07-09T16:05:42.863 回答