Временная шкала в Flex

Попытка построить временную шкалу в Flex, иметь горизонтальный слайдер, когда я сдвигаю ползунок, должна быть линия на линейной диаграмме, когда игла перемещается относительно значения ползунка, я пробовал использовать линии сетки для достижения этого, но линии сетки видны поперек все значения оси x, но я хочу показать только одну линию сетки относительно значения ползунка. Есть ли способ скрыть несколько линий сетки и показать конкретные линии сетки.

0
nl ja de
Вместо того, чтобы пытаться сгибать диаграмму по вашей воле, используя сетки, почему бы просто не нарисовать вертикальную линию поверх диаграммы?
добавлено автор Sunil D., источник
Спасибо Сунил, для вас ответ, я тоже сделал это, но его трудно переместить позицию линии, когда я двигаюсь по слайдеру. Так что с этим трудно достичь, сделайте что-то подобное, пожалуйста, дайте мне знать.
добавлено автор shyamshyre, источник

1 ответы

Вот что я создал за 30 минут. Это очень рудиментарно, и у меня есть некоторые проблемы, которые я оставлю вам для решения (или вы можете опубликовать новый вопрос, относящийся к остальным вопросам). Вероятно, вам все равно придется изменить это, чтобы соответствовать вашему приложению, поэтому я не стал смотреть на оставшиеся проблемы.

Я предположил, что вы используете объекты Date для горизонтальной оси диаграммы. Таким образом, вам нужно преобразовать объект даты в соответствующее числовое значение (в эпоху). Это позволяет работать с компонентом слайдера, который ожидает номера.

Если у вас возникнут дополнительные вопросы, я рекомендую процитировать любой код, который вы используете (или его простую версию), чтобы другие могли запускать. Таким образом, полученные вами ответы будут специфичны для вашего дела, а не как общие:

<?xml version="1.0" encoding="utf-8"?>


    
         .5)
                xCoordinate = xCoordinate - (thumbWidth * (percentOfRange - .5));
            else if (percentOfRange < .5)
                xCoordinate = xCoordinate + (thumbWidth * (.5 - percentOfRange));
            return xCoordinate;
        }

        ]]>
    

    
        
            
                
            
            
                
                    
                        
                     
                 
            
        
        
    

1
добавлено
@ user1418852 Думаю, вам стоит опубликовать новый вопрос: показывает код, который вы используете, объясняет проблемы, которые у вас есть, и детали, которые вы пробовали. Я рад помочь, но я предпочел бы не тратить еще полчаса на догадки о том, что вы хотите узнать, что это не то, что вы хотели :) Кроме того, другие могут также помочь.
добавлено автор Sunil D., источник
@ user1418852 Да, решение было довольно рудиментарным. Линия должна быть смещена по ширине большого пальца слайдера. Но это также, по-видимому, меняется в зависимости от того, насколько сильно большой ползунок слайдера. Редактирование моего ответа и замена метода convertSliderValueToXCoordinate() с новым вариантом, который учитывает это. Это может быть не совсем идеально, но близко ...
добавлено автор Sunil D., источник
@ user1418852, да, это определенно возможно. И я уверен, что результаты будут лучше, чем пытаться согнуть уже существующие компоненты, чтобы вести себя так, как вы хотите. Я готовлюсь на контрактной основе, если вы хотите нанять меня :)
добавлено автор Sunil D., источник
Спасибо Sunil Это то, что я ищу, но есть некоторые изменения в нем на горизонтальной оси, необходимо разработать временную шкалу в виде минут, если пользователь вводит ввод времени от 6 до 7, тогда линия времени (горизонтальная ось) должен показать, как 6:00 6:01 .. до 7:00.
добавлено автор shyamshyre, источник
Я завершил изменение моей временной шкалы в соответствии с моим требованием, если кто-либо из вас может связаться со мной.
добавлено автор shyamshyre, источник
Привет Сунил, вам нужна помощь в отображении значений (TimeStamp) на оси x диаграммы и каждые 60 секунд полоса прокрутки, и линия должна автоматически перемещаться вдоль оси xaxis. Пожалуйста, помогите мне в этом.
добавлено автор shyamshyre, источник
Благодарим вас за ответ.
добавлено автор shyamshyre, источник
Привет Сунил, мне нужна небольшая помощь в примере, который у вас разделил. При перетаскивании ползунка до конца линия не синхронизируется с движением слайдера, и это создает разницу. Могу ли я помочь мне в решении этой проблемы. Линия должна всегда находиться в центре большого пальца ползунка.
добавлено автор shyamshyre, источник
спасибо за ваш ответ, есть ли способ, по которому мы можем построить компонент, объединив ползунок и линию вместе или vrule, чтобы они были в идеальной синхронизации с большим пальцем.
добавлено автор shyamshyre, источник