Как сделать так, чтобы Fl_Chart во Flutter имел постоянно видимый горизонтальный индикатор?

Я пытался создать горизонтальный индикатор TouchedSpotIndicator на моем FlChart во флаттере, и я хочу, чтобы он оставался постоянно (а не только был виден при касании диаграммы) Аналогично эффекту текущей цены в торговых приложениях, например в приложении MT4, как показано ниже;

Ниже приведен мой код, но он показывает только вертикальную линию по умолчанию, а также исчезает после прикосновения к графику;

        getTouchedSpotIndicator: (LineChartBarData barData, List<int> spotIndexes) {
          return spotIndexes.map((spotIndex) {
            final FlSpot spot = barData.spots[spotIndex];
            if (spot.x == 0 || spot.x == 6) {
              return null;
            }
            return TouchedSpotIndicatorData(

              FlLine(color: Color(0xFFFFAB56), strokeWidth: 2.5, dashArray: [7]),

              FlDotData(
                  show: true,
                  getDotPainter: (aa, bb, cc, dd) {

                    return FlDotCirclePainter(
                        color: Color(0xFFFFAB56),
                        radius: 7.5,
                        strokeWidth: 3.5,
                        strokeColor: Colors.white.withOpacity(0.5)
                    );
                  }
              ),
            );
          }).toList();
        },

Я искал API FLChart и не нашел решения для создания индикатора; (1) постоянно виден (2) сделать индикатор горизонтальным.

Пожалуйста, предложите любую помощь, поскольку она будет оценена по достоинству. Спасибо за ваше время

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
1
0
55
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Пробовали https://app.flchart.dev/#/line? Проверьте свойства индикатора на горизонтальной средней линии.

Вместо того, чтобы просто публиковать ссылку на документацию, этот ответ был бы лучше, если бы он конкретно объяснял, какие свойства устанавливать.

SmellyCat 14.07.2024 16:02
Ответ принят как подходящий

добавление следующего к LineChartData в качестве параметра самого LineChart устранило проблему;

LineChart(
      lineChartData: 
        extraLinesData: ExtraLinesData(
          horizontalLines: [
            HorizontalLine(
              y: value.currentLargeGraphPrice,
              color: const Color(0xCA75C078),
              strokeWidth: 1,
              dashArray: [6, 3],
            ),
          ],
        ),
)

Другие вопросы по теме