Place SideTitleWidget inside of line graph
- Dominant language
- Dart
- Stars
- 7.6k
- Forks
- 2k
- Avg merge
- 9d 1h
- Merged PRs (30d)
- 2
Description
Hi, I would like to place the `SideTitleWidget` for the left y-axis inside of the graph while also keeping the `reservedSize` at 0, because I want the graph to take up the entire width of the screen. See screenshot of our UX designer.

Is this possible to do at all? I am able to wrap it in a `Transform` widget to move to labels to the right, so that they overlap the graph, but as soon as I set the `reservedSize` to 0, the widgets disappear.
This is what I currently have:
```dart
return SideTitleWidget(
axisSide: meta.axisSide,
space: 0,
// fitInside: SideTitleFitInsideData.disable(),
// fitInside: SideTitleFitInsideData(
// enabled: true,
// axisPosition: 10,
// parentAxisSize: 10,
// distanceFromEdge: 10,
// ),
child: Transform.translate(
offset: const Offset(30, 0), // Move the text to the right
child: Text(
UnitHelper.unitValueForDisplay(
value: value,
valueType: ToolAttributeValueType.pressure,
unitSystem: unitSystem,
),
style: style,
textAlign: TextAlign.center,
),
),
);
```
reservedSize = 27

reservedSize = 0

Contributor guide
Research direction
Start from SideTitleWidget and the axis configuration using reservedSize: 0, reproducing the example in the issue. Trace how the left y-axis title is laid out and determine whether the labels can remain visible inside the graph; done means the labels render in the graph area while the chart retains the full available width.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- dart, flutter
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100