javascript - xPages軸のDojoXチャートが表示されず、値が失われる

Question

xPages で基本的な棒グラフを作成しましたが、2 つの問題が発生しており、原因がわかりません。

問題 1: どのシリーズをチャートに追加しても、シリーズの最低値は常にグラフに表示されません。

問題 2: グラフに追加したラベルや軸がグラフに表示されない カスタムの軸名を追加しています。

以下のコードを参照してください

<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xc="http://www.ibm.com/xsp/custom">
    <xp:this.resources>
        <xp:dojoModule name="dojox.charting.Chart2D"></xp:dojoModule>
        <xp:dojoModule name="dojox.charting.widget.Legend"></xp:dojoModule>
        <xp:dojoModule name="dojox.charting.action2d.Tooltip"></xp:dojoModule>
        <xp:dojoModule name="dojox.charting.action2d.Highlight"></xp:dojoModule>
        <xp:dojoModule name="dojox.charting.action2d.MoveSlice"></xp:dojoModule>
    </xp:this.resources>
    
    <xp:scriptBlock id="scriptBlock1">
        <xp:this.value>
            <![CDATA[
                const makeBarChart = function()
                {
                    var series = [10,7,4];
                    var labelsArray = [{value:1,text:"Submitted"}, {value:2, text: "In Progress"}, {value:3, text:"New"}]
                    var barChart = new  dojox.charting.Chart2D("#{id:overallReport}");
                    barChart.addPlot("default", { type: "Bars", gap:5, labels:true, font: "normal normal bold 14pt Roboto", fontColor:"white"});
                    barChart.addAxis("x-Axis", {minBarSize:0, maxBarSize:10});
                    barChart.addAxis("Progress", {vertical:true, labels: labelsArray});
                    barChart.addSeries("Number of Submissions", series);
                    barChart.render();
                };
                XSP.addOnLoad(makeBarChart)
            ]]></xp:this.value>
        </xp:scriptBlock>
        <xp:panel id="overallReport"></xp:panel>
</xp:view>