在同一 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,
我正在使用 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,