Incorrect pointIndex in trackball callback for last column with data
When using the nearestPoint TrackballDisplayMode the pointIndex for the last column of data is returning the incorrect index
tooltipDisplayMode: TrackballDisplayMode.nearestPoint,
builder: (BuildContext context, TrackballDetails trackballDetails) {
return summaryBuilder(trackballDetails, context);
},
e.g. in this chart there is non-zero data for the first twenty days in the 31 collection, selecting the first column will supply pointIndex 0 as expected:
Selecting 19th column supplies pointIndex 18:
but selecting the 20th column supplies pointIndex 20:
Selecting 21st column supplies pointIndex 21 and so on
Hi David,
We have tried to reproduce the reported issue that is getting incorrect point index values in the trackball builder, but the issue is not reproduced at our end. We kindly request you share more information about the complete chart sample code snippet and data source used and also try to reproduce the reported issue in the shared sample below. It will be more helpful for to us assist you in a better way.
We have also shared the screenshot for your requirement.
Regards,
Yuvaraj.
Attachment: f181256_56b9b27b.zip
I noticed from your screenshots you haven't selected the last column - that's where I'm seeing the issue.
Chart Code:
child: SfCartesianChart(
legend: Legend(isVisible: false, overflowMode: LegendItemOverflowMode.wrap),
plotAreaBorderWidth: 0,
primaryXAxis: createXAxis(),
primaryYAxis: NumericAxis(
plotBands: [
PlotBand(
start: 0,
end: 0,
borderColor: EncomColors.foregroundGradient,
borderWidth: 1,
)
],
axisLine: const AxisLine(width: 0),
edgeLabelPlacement: EdgeLabelPlacement.shift,
labelFormat: '{value} ' + ('kW'),
isVisible: false,
majorTickLines: const MajorTickLines(size: 0)),
series: getStackedColumnSeries(),
tooltipBehavior: TooltipBehavior(enable: false, canShowMarker: false),
trackballBehavior: TrackballBehavior(
enable: true,
markerSettings: const TrackballMarkerSettings(
markerVisibility: TrackballVisibilityMode.hidden,
height: 10,
width: 10,
borderWidth: 0,
),
hideDelay: 3500,
activationMode: ActivationMode.singleTap,
tooltipAlignment: ChartAlignment.center,
tooltipDisplayMode: TrackballDisplayMode.nearestPoint,
builder: (BuildContext context, TrackballDetails trackballDetails) {
return summaryBuilder(trackballDetails, context);
},
lineWidth: 1,
shouldAlwaysShow: true,
),
),
List<StackedColumnSeries<ReportReading, DateTime>> getStackedColumnSeries() {
return <StackedColumnSeries<ReportReading, DateTime>>[
getColumnSeriesForMeter(MeterName.consumptionPeak),
getColumnSeriesForMeter(MeterName.consumptionOffPeak),
getColumnSeriesForMeter(MeterName.consumptionBattery),
getColumnSeriesForMeter(MeterName.consumptionPV),
];
} StackedColumnSeries<ReportReading, DateTime> getColumnSeriesForMeter(MeterName meterName, [bool? negate]) {
bool negateTotal = negate ?? false;
return StackedColumnSeries<ReportReading, DateTime>(
dataSource: widget.reportReadings[meterName]!,
xValueMapper: (ReportReading reading, _) => reading.dateTime,
yValueMapper: (ReportReading reading, _) => negateTotal ? reading.nonNullTotal * -1 : reading.total,
color: meterName.color,
name: meterName.displayName);
}
