Блог

Я создаю простую гистограмму с fl_chart (ниже) и должен использовать значки в качестве заголовков x (а не текста). Например, замените 0 , 1 , 2 , 3 ниже значками.

Ниже приведен код, который генерирует текущую гистограмму. Можно ли добавлять значки/PNG в качестве заголовков? getBottomTitles возвращает SideTitles , которое может быть только строкой?

 import 'package:fl_chart/fl_chart.dart'; import 'package:flutter/material.dart'; import 'bar_data.dart'; import 'package:fl_chart/fl_chart.dart'; import 'package:flutter/material.dart'; import 'bar_data.dart';   class BarChartWidget extends StatelessWidget {  final double barWidth = 50;   @override  Widget build(BuildContext context) =gt; BarChart(  BarChartData(  alignment: BarChartAlignment.center,  maxY: 20,  minY: 0,  groupsSpace: 30,  borderData: FlBorderData(show: false),  barTouchData: BarTouchData(  enabled: true,  touchTooltipData: BarTouchTooltipData(  tooltipBgColor: Colors.white,  tooltipRoundedRadius: 8,  )  ),  titlesData: FlTitlesData(  topTitles: BarTitles.getTopBottomTitles(),  bottomTitles: BarTitles.getTopBottomTitles(),  leftTitles: BarTitles.getSideTitles(),  rightTitles: BarTitles.getSideTitles(),  ),  gridData: FlGridData(  drawHorizontalLine: false,  ),  barGroups: BarData.barData  .map(  (data) =gt; BarChartGroupData(  x: data.id,  showingTooltipIndicators: [0],  barRods: [  BarChartRodData(  y: data.y,  width: barWidth,  colors: [data.color],  borderRadius: data.y gt; 0  ? const BorderRadius.only(  topLeft: Radius.circular(6),  topRight: Radius.circular(6),  )  : const BorderRadius.only(  bottomLeft: Radius.circular(6),  bottomRight: Radius.circular(6),  ),  ),  ],  ),  )  .toList(),  ),  ); }