Установить текстовое многоточие для переполнения текста на charts_flutter - PullRequest
Новая
       83

Установить текстовое многоточие для переполнения текста на charts_flutter

0 голосов
/ 16 июня 2020

В настоящее время я использую пакет charts_flutter для создания диаграммы p ie, и в настоящее время часть моего текста в моих легендах выходит за пределы ширины, поскольку она слишком длинная. Я не смог найти никаких готовых свойств или методов, которые могли бы либо установить текст в многоточие, либо, возможно, переместить текст переполнения на следующую строку.

Я нашел сообщение здесь , в котором упоминается, что мы можем создать свой собственный конструктор легенд. Но я не могу понять, где мне начать с создания пользовательского конструктора легенд.

В настоящее время это мои коды на charts_flutter

child: new charts.PieChart(
_chartSection(),
animate: false,
defaultRenderer: new charts.ArcRendererConfig(
  arcWidth: 45,
  // arcRendererDecorators: [new charts.ArcLabelDecorator()]
),
behaviors: [
  new charts.DatumLegend(
      position: charts.BehaviorPosition.bottom,
      horizontalFirst: false,
      cellPadding: new EdgeInsets.only(right: 0, left: 0, bottom: 5),
      showMeasures: true,
      legendDefaultMeasure: charts.LegendDefaultMeasure.firstValue,
      measureFormatter: (num value) {
        return value == null ? '-' : '${value}%';
      })
],
)),

_chartSection() {
  return [
    new charts.Series<Commission, dynamic>(

      id: 'Sales',
      domainFn: (Commission data, _) => data.name,
      measureFn: (Commission data, _) =>
          // num.parse(data.percentage.replaceAll('%', '')).round(),
          num.parse(data.percentage.replaceAll('%', '')),
      data: _getCurrentMonthCommissionBreakdown(),
      labelAccessorFn: (Commission row, _) => '${row.percentage} %',
      seriesColor: charts.MaterialPalette.darkPurple,
    )
  ];
}
...