Подсвечники с синхронизацией в трепете

Question

Я экспериментирую с syncfusionи пытаемся получить график свечей, как показано в документации. К сожалению, когда я пробую свой код, вместо того, чтобы увидеть свечу, я вижу горизонтальную зеленую линию, и я не могу понять, почему. Я использовал следующий код:

ChartData

class ChartData {
  double x;
  double open;
  double high;
  double low;
  double close;

  ChartData({this.x, this.open, this.high, this.low, this.close});
}

метод сборки в моем виджете с отслеживанием состояния

@override
  Widget build(BuildContext context) {
    return Scaffold(
      // appBar: AppBar(),
      body: SafeArea(
        child: Row(
          children: [
            Expanded(
              child: ListView(
                physics: BouncingScrollPhysics(),
                scrollDirection: Axis.horizontal,
                children: <Widget>[
                  Padding(
                      padding: const EdgeInsets.all(20.0),
                      child: Container(
                        width: MediaQuery.of(context).size.width * 3,
                        child: SfCartesianChart(
                            title: ChartTitle(text: "Candlesticks"),
                            primaryXAxis: NumericAxis(),
                            series: <ChartSeries>[
                              CandleSeries<ChartData, double>(
                                showIndicationForSameValues: true,
                                dataSource: <ChartData>[
                                  ChartData(
                                      // Open and close values are same
                                      x: 5,
                                      open: 86.3593,
                                      high: 88.1435,
                                      low: 84.3914,
                                      close: 86.3593),
                                ],
                                xValueMapper: (ChartData data, _) => data.x,
                                highValueMapper: (ChartData data, _) =>
                                    data.high,
                                lowValueMapper: (ChartData data, _) => data.low,
                                openValueMapper: (ChartData data, _) =>
                                    data.open,
                                closeValueMapper: (ChartData data, _) =>
                                    data.close,
                              )
                            ]),
                      )),
                ],
              ),
            )
          ],
        ),
      ),
    );
  }

Спасибо за помощь

Answer 1

Привет от Syncfusion. Мы проанализировали ваш запрос с предоставленной информацией и обнаружили, что в источнике данных для диаграммы, значения открытия и закрытия точки данных свечи совпадают, и только благодаря этому для этого нарисована горизонтальная линия. точки данных, чтобы указать, что значения открытия и закрытия совпадают. Это поведение CandleSeries по умолчанию. Кроме того, следует отметить, что есть свойство showIndicationForSameValues, для которого при включении значения true рисуется тонкая вертикальная линия для точки данных, верхнее и нижнее значения которой совпадают. Дополнительную информацию о функции индикации точек данных см. В приведенном ниже руководстве пользователя.

https://help.syncfusion.com/flutter/cartesian-charts/chart-types#indication-for-same-values-1

Кроме того, мы поделились нашими примерами флаттера по ссылке на репозиторий GitHub ниже, которая содержит демонстрационные образцы наших виджетов Flutter, которые будут полезны для экспериментов с функциями, доступными в наших виджетах Flutter. Примеры Syncfusion Flutter Ссылка на GitHub: https://github.com/syncfusion/flutter-examples

Пожалуйста, свяжитесь с нами, если вам потребуется дополнительная помощь по этому поводу.

С уважением,
Шрирам Киран