Название оси X исчезает после первого раза, при перезагрузке графика rGrpah на том же самом div - PullRequest
0 голосов
/ 16 апреля 2020

Я использую rGraph, чтобы нарисовать график. это работает нормально в первый раз. при попытке во второй раз сгенерировать график с разными входными данными, не обновляя страницу. График генерирует нормально, но заголовок оси X исчезает. Кто-нибудь может мне помочь с этим?

К вашему сведению: я делаю этот div пустым, прежде чем генерировать график.

Прикрепленное изображение: 1: enter image description here

На первом изображении вы видите дату.

enter image description here

Здесь Вы не видите Дату. когда я изменяю входные данные и пытаюсь сгенерировать график.

            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

1 Ответ

0 голосов
/ 16 апреля 2020

Судя по внешнему виду 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,
...