StackedBar100Series Data Labels Not Shown When More Than 2 Characters
Hi,
I'm having trouble with data labels not showing when they are more than 2 characters in length on StackedBar100Series.
Here's the code:
import 'package:flutter/material.dart';
import 'package:syncfusion_flutter_charts/charts.dart';
void main() {
runApp(MaterialApp(
home: ChartPage(),
));
}
class ChartPage extends StatefulWidget {
@override
_ChartPageState createState() => _ChartPageState();
}
class _ChartPageState extends State<ChartPage> {
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
List<StackedBarSeries<SingleStackedBarData, String>> chartData = [];
var data = [
SingleStackedBarData('Win Ratio', 45, Colors.red),
SingleStackedBarData('Win Ratio', 132, Colors.blue),
SingleStackedBarData('Win Ratio', 55, Colors.green),
];
data.forEach((element) => chartData.add(
StackedBarSeries<SingleStackedBarData, String>(
color: element.barColor,
dataSource: [element],
xValueMapper: (data, _) => data.axisLabel,
yValueMapper: (data, _) => data.value,
dataLabelSettings: DataLabelSettings(
isVisible: true,
),
)
));
return Scaffold(
appBar: AppBar(),
body: Container(
height: 75,
child: SfCartesianChart(
plotAreaBorderWidth: 0,
primaryXAxis: CategoryAxis(isVisible: false),
primaryYAxis: NumericAxis(isVisible: false),
series: chartData,
),
)
);
}
}
class SingleStackedBarData {
final String axisLabel;
final int value;
final Color barColor;
SingleStackedBarData(this.axisLabel, this.value, this.barColor);
}
StackedBar100Series - the label for '132' doesn't show
StackedBarSeries - works fine, you can see the label for '132'
SIGN IN To post a reply.
7 Replies
Should note that this happens on both Chrome (Version 83.0.4103.61 (Official Build) (64-bit)) and Firefox (76.0.1 (64-bit).
I also thought I'd try using a dataLabelMapper:
dataLabelMapper: _dataLabelMapper,
String _dataLabelMapper(SingleStackedBarData data, int index) {
return 10.toString();
}
As expected the data labels are '10' but the middle, which was originally greater than 2 characters, is still missing:
SIGN IN To post a reply.
