問題タブ [vaadin-charts]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vaadin - Vaadin チャート: 縦棒グラフの各 X ティックに 2 番目以降の項目が表示されない
以下の結果セットに基づいて、積み上げ縦棒グラフを作成しました。それらは 4 属性のオブジェクト リストに変換されています (SKUQtyMetric と呼ばれます - Quantity as Integer を除いてすべて文字列です)。
これを積み上げグラフに変換すると、各 x ティック (X は時間を表します) の最初の項目の隣に 2 番目の項目を表示できませんでした。私が間違っていなければ、DataSeries オブジェクトは 4 つしかないはずで、それぞれがアウトレットを表し、内部ループを実行します。補足として、複数のアイテムがある場合でも、各コンセントには色が指定されているため (データベースで検索するために選択するアイテムを 3 つに制限しています)、以下にoutputFromHコードがあります。
コードの現在のレンダリング (Vaadin Charts 4 を使用) は次のとおりです。
レンダリングすると、次の結果しか得られませんでした。
これが現在のチャートですが、2 番目の項目 (ココナッツ ウォーター) が欠落しており、赤い落書きで示されています。よくわからないのは、Map クラスまたは制御されているリスト オブジェクトが正しくないか、または 4 つではなく 8 つの DataSeries (それぞれがアウトレットと製品) である必要があるかどうかです。そうでない場合、コードを処理してチャートをレンダリングするよりも効率的な方法はありますか?