Hi Denys,
Please find the response for your requirement below here.
Query: Using Annotation
We have used the DataMarkerCreated Event to show a Text “0 %” instead of using the chart Annotation for the column with 0 value. This will display text for the column with the highest value proper.
Please refer the below code snippet for more details:
Code Snippet [C#]:
|
seriesArea.DataMarkerLabelCreated += SeriesArea_DataMarkerLabelCreated;
private void SeriesArea_DataMarkerLabelCreated(object sender, ChartSeries.DataMarkerLabelCreatedEventArgs e)
{
var data = e.DataMarkerLabel.Data as Model;
if (data != null && (chartArea.Series[0] as ColumnSeries).YBindingPath ==
"InPercent" && data.InPercent == 0)
{
TextView text = new TextView(this) { Text = "0 %", Rotation = -90 };
text.SetTextColor(Color.Black);
text.Click += Text1_Click;
e.DataMarkerLabel.View = text;//Add text for the column with 0 value
}
}
private void Text1_Click(object sender, EventArgs e)
{
//Do your action in here and delete the text created
var textView = sender as TextView;
textView.Text = string.Empty;
textView = null;
} |
Tooltip:
Query: 1. Is it possible to show a tooltip not on a click, but on a long tap?
We would like to let you know the behavior of chart tooltip, the tooltip will display only when tap any column segment and this is the default behavior of the tooltip. There is no long press option.
You can use the tooltip show and hide method of tooltip programmatically. Please refer the below UG link for more details.
UG link:
Query 2: In the sample, the tooltip for the first column displays incorrect information, see screenshot2.
The tooltip value shows wrong value for the first index due the index value is checked with the 0 value. Now we have changed it with -1 and it will work proper for the first column.
Query 3:
We have displayed the tooltip with the data from the List<T> of data with Quantity and Diameter using the ToolTipCreated event.
Please refer the below code snippet:
Code Snippet [C#]:
|
private void ChartArea_TooltipCreated(object sender, SfChart.TooltipCreatedEventArgs e)
{
var ser = e.P1.Series;
var data = e.P1.Series.ItemsSource as ObservableCollection<Model>;
if (ser.SelectedDataPointIndex > -1)
e.P1.Label = data[ser.SelectedDataPointIndex].Area.ToString() +
"\n Quantity :" + data[ser.SelectedDataPointIndex].Quantity.ToString() +
"\n Diameter :" + data[ser.SelectedDataPointIndex].Diameter.ToString();
}
|
Please refer below UG link for more details:
We have prepared a sample for your requirement and you can download the sample from the below link.
Regards,
Bharathi
