Is there any way we can show multiple tooltips on a single line series chart via a syncfusion spline chart?
I am attaching the expected output like how I want and what I am getting.
Below is my code snippet.
SfCartesianChart(
plotAreaBorderWidth: 0,
title: const ChartTitle(text: ''),
primaryXAxis: const CategoryAxis(
majorGridLines: MajorGridLines(width: 0),
),
primaryYAxis: const NumericAxis(
majorGridLines:
MajorGridLines(width: 1, color: BaseColors.lightGreyColor),
opposedPosition: true,
maximum: 100,
maximumLabels: 4,
labelFormat: '{value}%',
axisLine: AxisLine(width: 1),
),
series: _getDefaultSplineSeries(chartData),
tooltipBehavior: TooltipBehavior(enable: true),
);
}
List<SplineSeries<ChartData, String>> _getDefaultSplineSeries(
List<ChartData> chartData) {
return <SplineSeries<ChartData, String>>[
SplineSeries<ChartData, String>(
dataSource: chartData,
xValueMapper: (ChartData sales, _) => sales.x,
yValueMapper: (ChartData sales, _) => sales.y,
markerSettings: const MarkerSettings(isVisible: true),
color: BaseColors.primaryBlueColor,
name: 'High',
),
];
}
I want the above output.