Showing barLabelValue horizontally

[aungzarmyodev]

[indratrisnar]

Can you show me your dchart code? Pada Kam, 19 Des 2024 13.49, Aung Zar Myo ***@***.***> menulis:

…

Screenshot.2024-12-19.at.13.48.09.png (view on web) <https://github.com/user-attachments/assets/c8e35f91-53b5-44f9-ae1c-d0e2bfe90e67> — Reply to this email directly, view it on GitHub <#39>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/APTLYD3A4GB3EFF2JY23OJT2GJT5ZAVCNFSM6AAAAABT4I7MZSVHI2DSMVQWIX3LMV43ASLTON2WKOZSG42DSNBRGM2TGNI> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[aungzarmyodev]

This is my code.

AspectRatio(
aspectRatio: 16 / 9,
child: DChartBarO(
layoutMargin: LayoutMargin(30, 20, 30, 50),
configRenderBar: ConfigRenderBar(
showBarLabel: true,
barLabelDecorator: BarLabelDecorator(
barLabelPosition: BarLabelPosition.outside,
outsideLabelStyle: const LabelStyle(
fontSize: 10,
color: AppColorPalette.darkBlack,
fontWeight: FontWeight.w700,
),
),
barGroupInnerPaddingPx: 2,
radius: 2,
),
domainAxis: DomainAxis(
showLine: true,
lineStyle: LineStyle(color: Colors.grey.shade200),
tickLength: 0,
gapAxisToLabel: 12,
labelStyle: const LabelStyle(
color: AppColorPalette.black,
fontSize: 10,
fontWeight: FontWeight.w700,
),
),
measureAxis: MeasureAxis(
gapAxisToLabel: 8,
numericTickProvider: const NumericTickProvider(
desiredMinTickCount: 5,
desiredMaxTickCount: 10,
),
// showLine: true,
tickLength: 2,
lineStyle: LineStyle(
color: Colors.grey.shade300,
dashPattern: [4],
),
labelStyle: const LabelStyle(
fontSize: 10,
color: AppColorPalette.primaryColor,
fontWeight: FontWeight.w700,
),
),
barLabelValue: (group, data, index) {
// return data.measure.toInt().toAbbreviatedString();
return "${data.measure}";
},
groupList: [
OrdinalGroup(
id: '1',
data: widget.series1,
color: widget.isSale
? AppColorPalette.sapphireBlue
: AppColorPalette.treePoppyYello,
),
OrdinalGroup(
id: '2',
data: widget.series2,
color: AppColorPalette.treePoppyYello,
),
],
),
),

[indratrisnar]

i am using your dhcart style and data, here it is:

It works, horizontally by default, then will be rapped down if more have character value.

[indratrisnar]

to format bar label, i use intl package

[aungzarmyodev]

@indratrisnar Can I get like my design barLabelValue and I don't want to rapped down it like in your design.

[indratrisnar]

there is no option to do like your design. but you can try using vertical property set to false and the view will be like this: