Charts - фантомные линии

Вопросы и проблемы
,
#1

Коллеги, добрый день. Сделал, как мне кажется, отличные графики, но есть проблема - это фантомные линии.

Причем нельзя выбрать даже это точку, а при скроле вообще прободает.
Подскажите куда смотреть и что с этим делать …

Вот отлично видны прямые линии:
Chart_1

Тут нельзя выбрать это фантомную точку:
Chart_2

Ну и собственно при зуме вообще проподает… Причем зум вообще не значительный, если сравнить временную полосу с вторым скрином
Chart_3

Ну и в БД данные конечно лежат четко, без косяков…но оно и понятно, тогда бы линии были объяснимы и данные были бы кликабельны.

Спасибо :slight_smile:

#2

Добрый день!

А можете поделиться конфигурацией графика? При каком количестве данных происходит данное поведение? Можно еще узнать версию CUBA?

Попробуйте после загрузки экрана и данных вызвать у графика repaint() или один из методов зума: zoomOut(), zoomToDates() и т.д.

#3

Добрый день, Роман.
куба - 7.2.5

По данным точно не могу сказать, похоже что пока количество данных не привышает час(таймлайна) на графике.

Из предложенного ничего не помогло: линии остаются пока зум не будет прям в фантомную точку данных.

<chart:serialChart id="chartTemp"
                               precision="1"
                               autoMarginOffset="20"
                               categoryField="timeResult"
                               dataContainer="meteoDatasDc"
                               height="100%"
                               marginRight="40"
                               marginLeft="40"
                               mouseWheelZoomEnabled="true"
                               theme="LIGHT"
                               width="100%">
                <chart:legend equalWidths="false"
                              valueAlign="LEFT"
                              position="BOTTOM"
                              periodValueText="mainMsg://temp"
                              valueWidth="100"/>
                <chart:categoryAxis minPeriod="MINUTES"/>
                <chart:titles>
                    <chart:title text="mainMsg://tempTitle"/>
                </chart:titles>
                <chart:valueAxes>
                    <chart:axis id="v1"
                                precision="1"
                                axisAlpha="0"
                                ignoreAxisWidth="true"
                                position="LEFT"
                                title="В°C"/>
                </chart:valueAxes>
                <chart:balloon borderThickness="1"
                               shadowAlpha="0"/>
                <chart:graphs>
                    <chart:graph id="g1"
                                 bullet="ROUND"
                                 bulletBorderAlpha="1"
                                 bulletColor="WHITE"
                                 bulletSize="5"
                                 hideBulletsCount="50"
                                 lineThickness="2"
                                 title="mainMsg://tempTitle"
                                 useLineColorForBulletBorder="true"
                                 valueField="ta"
                                 balloonText="&lt;span style='font-size:18px;'&gt;[[ta]]&lt;/span&gt;">
                        <chart:balloon adjustBorderColor="false"
                                       color="WHITE"
                                       drop="true"/>
                    </chart:graph>
                </chart:graphs>
                <chart:categoryAxis dashLength="1"
                                    minorGridEnabled="true"/>
                <chart:chartScrollbar autoGridCount="true"
                                      backgroundAlpha="0"
                                      color="#AAAAAA"
                                      graph="g1"
                                      graphFillAlpha="0"
                                      graphLineAlpha="0.5"
                                      offset="30"
                                      oppositeAxis="false"
                                      scrollbarHeight="30"
                                      selectedBackgroundAlpha="0.1"
                                      selectedBackgroundColor="#888888"
                                      selectedGraphFillAlpha="0"
                                      selectedGraphLineAlpha="1"/>
                <chart:chartCursor cursorAlpha="1"
                                   cursorColor="#258cbb"
                                   cursorPosition="MOUSE"
                                   limitToGraph="g1"
                                   pan="true"
                                   valueLineAlpha="0.2"
                                   valueLineEnabled="true"
                                   valueLineBalloonEnabled="true"
                                   valueZoomable="true"/>
                <chart:valueScrollbar offset="50"
                                      oppositeAxis="false"
                                      scrollbarHeight="10"/>
                <chart:export/>
            </chart:serialChart>
#4

К сожалению, не получается воспроизвести проблему.

Еще как варинат можно попробовать заставить categoryAxis читать значения категории как даты, например вот так:

<chart:categoryAxis parseDates="true" equalSpacing="true" minPeriod="MINUTES"/>

и добавить формат входных дат:

<chart:serialChart id="chartTemp"
                   dataDateFormat="YYYY-MM-DD HH:NN:SS"
#5

С дата форматом уже игрался. Спасибо, Роман, буду дальше искать причину, обязательно напишу как разберусь