vaadin - Vaadin チャート: 縦棒グラフの各 X ティックに 2 番目以降の項目が表示されない

Question

以下の結果セットに基づいて、積み上げ縦棒グラフを作成しました。それらは 4 属性のオブジェクト リストに変換されています (SKUQtyMetric と呼ばれます - Quantity as Integer を除いてすべて文字列です)。

これを積み上げグラフに変換すると、各 x ティック (X は時間を表します) の最初の項目の隣に 2 番目の項目を表示できませんでした。私が間違っていなければ、DataSeries オブジェクトは 4 つしかないはずで、それぞれがアウトレットを表し、内部ループを実行します。補足として、複数のアイテムがある場合でも、各コンセントには色が指定されているため (データベースで検索するために選択するアイテムを 3 つに制限しています)、以下にoutputFromHコードがあります。

コードの現在のレンダリング (Vaadin Charts 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);

レンダリングすると、次の結果しか得られませんでした。

これが現在のチャートですが、2 番目の項目 (ココナッツ ウォーター) が欠落しており、赤い落書きで示されています。よくわからないのは、Map クラスまたは制御されているリスト オブジェクトが正しくないか、または 4 つではなく 8 つの DataSeries (それぞれがアウトレットと製品) である必要があるかどうかです。そうでない場合、コードを処理してチャートをレンダリングするよりも効率的な方法はありますか?