在同一 div 上重新加载 Graph 图表时,X 轴标题在第一次后消失

X axis title is disappearing after first time, when reloading rGrpah chart on same div

我正在使用 rGraph 绘制图表。这是第一次工作正常。当第二次尝试使用不同的输入数据生成图表时,没有刷新页面。该图生成正常,但 x-axis 标题正在消失。谁能帮我解决这个问题?

仅供参考:在生成图表之前,我将 div 设为空。

附上图片: 1:

在第一张图片中,您可以看到日期。

在这里你看不到日期。当我更改输入数据并尝试生成图表时。

            if(document.getElementById(chartID)){
                RG.ObjectRegistry.Remove(document.getElementById(chartID));
            }
            var barGraph = new RGraph.Bar({
                id: chartID,
                data: chartData,
                options: {
                    variant: '3d',
                    variantThreedAngle: 0.05,
                    colorsStroke: 'rgba(0,0,0,0)',
                    colors: chartColorArr,
                    marginTop: 35,
                    marginLeft: 45,
                    marginRight: 15,
                    marginBottom: 85,
                    xaxisLabels: x_axis_label_Arr,
                    shadowColor:'#ccc',
                    shadowOffsetx: 3,
                    backgroundGridColor: '#eee',
                    xaxisScaleZerostart: true,
                    axesColor: '#f2f2f2',
                    //yaxisScaleUnitsPost: 'H',
                    //title: 'User Sessions',
                    //key: [legendsTitle],
                    keyShadow: true,
                    keyShadowColor: '#ccc',
                    keyShadowOffsety: 0,
                    keyShadowOffsetx: 3,
                    keyShadowBlur: 15,
                    variantThreedXaxis : true,
                    variantThreedYaxis : true,
                    bevelled : false,
                    axes : true,
                    tooltips: chartTooltipArr,
                    tooltipsEvent : 'onmousemove',
                     xaxisTitle : **'Date',**
                    yaxisTitle : yAxisTitle,
                    xaxisTitleSize : legendFontSize,
                    yaxisTitleSize : legendFontSize,
                    xaxisLabelsSize : legendFontSize,
                    yaxisLabelsSize : legendFontSize,
                    yaxisTitlePos : 0.1,
                    colorsSequential : true,

                }
            });
            barGraph.draw();

Thanks

从 3D 风格和其他一些线索来看,您使用的是相当旧的版本。这是两个现代风格的 3D 图表:

https://www.rgraph.net/demos/bar-3d-effect-multi-row.html

https://www.rgraph.net/demos/bar-ajax.html

下载存档中有更多示例值得一看。

至于图表的问题,我认为最简单的解决方案是将 textAccessible 选项设置为 false:

textAccessible: false,