How can I add multiple marker on column

[Shashank Pali]

Like this

[Yuvaraj Gajaraj]

Hi Shashank,

Currently, there is no support to render two markers at the same place with the help of the markerSettings property. However, you can achieve this by using the data label builder property to render a custom widget instead of a data label. We have included the relevant UG documentation below for your reference, which you can use to modify the solution according to your requirements.

UG, https://help.syncfusion.com/flutter/cartesian-charts/marker-datalabel#label-template

Online sample: https://flutter.syncfusion.com/#/cartesian-charts/series-features/data-label/data-label-template

Regards,

Yuvaraj.

[Shashank Pali]

Thanks, Yuvaraj for the quick help. I will try the suggested workaround and message on the same thread if I get stuck.

Meanwhile, please suggest will the tooltip work from multiple data labels?

[Yuvaraj Gajaraj]

Hi Shashank,

In default, the tooltip will get rendered only at top of the segment alone, so it couldn't be able to render a tooltip on the data label. However, you can achieve this with the help of the showByPixel public method in the TooltipBehavior by giving the pixel position where you want to show the tooltip. We have shared the related UG and KB documentation below for your reference.

UG, https://help.syncfusion.com/flutter/cartesian-charts/methods#showbypixel-method-in-tooltipbehavior

KB, https://www.syncfusion.com/kb/11490/how-to-show-or-hide-the-tooltip-dynamically-in-flutter-cartesian-charts-sfcartesianchart

Regards,

Yuvaraj.

[Shashank Pali]

Thanks man, I will work on your suggestions, and if I get any huddle I will drop a message.

[Yuvaraj Gajaraj]

Most Welcome. Kindly get back to us if you have further queries. We are always happy to assist you.

[Shashank Pali]

Hi,

I have built the desired chart I wanted but now the problem is I can't get the callback when I tap on the respective widget.

Below is my code

dataLabelSettings: DataLabelSettings(
    isVisible: true,
    builder: (dynamic data, dynamic point, dynamic series, int pointIndex,
        int seriesIndex) {
      return GestureDetector(
        onTap: () {
          print("received tap");
        },
        child: Container(
          width: 7,
          height: 7,
          decoration: BoxDecoration(
            shape: BoxShape.circle,
            color: Colors.transparent,
            border: Border.all(
              color: idx == 0 ? Colors.blue : Colors.red,
              width: 1.0,
            ),
          ),
        ),
      );

In doc it says:


Where am I ge

[Lokesh Palani]

Hi Shashank,

We would like to let you know that currently, we don’t have support for interaction in the data label builder. However, we have already logged a feature request for it in our feedback portal.

We will prioritize the features of every release based on demand and priority. So, this feature will be available in any of our upcoming releases. You can also track the status of the feature with the feedback below.

Feedback, https://www.syncfusion.com/feedback/37752/provide-gesture-detection-support-for-tooltip-and-data-label-builder-in-all-charts

Note:

The user guide documentation has been wrongly updated. We will check and update the user guide documentation. You can track the status of your requirement by using the Feedback link.

Regards,

Lokesh.

[Shashank Pali]

Hi,

I am facing one issue. When I try to set the offset with a builder in DataLabelSettings it not working. Below is my code

dataLabelSettings: DataLabelSettings(
  isVisible: true,
  offset: const Offset(0, 20),
  builder: (dynamic data, dynamic point, dynamic series, int pointIndex,
      int seriesIndex) {
    return Container(
      width: 7,
      height: 7,
      decoration: BoxDecoration(
        shape: BoxShape.circle,
        color: Colors.transparent,
        border: Border.all(
          color: idx == 0 ? Colors.blue : Colors.red,
          width: 1.0,
        ),
      ),
    );
  },
)

Although it works correctly if I won't use the builder. Please let me is there anything that I missed.

[Lokesh Palani]

Hi,

We have checked your query and the reported issue is replicated at our end, we will update further details in two business days on June 05, 2023. We appreciate your patience until then.

Regards,

Lokesh.

[Lokesh Palani]

Hi Shashank ,

We have checked your query. By default, the offset property did not work when using the builder in the dataLabelSettings. You can achieve your requirement by changing the Container widget's height inside the builder. Please let us know if you need any further assistance.

Regards,

Lokesh.

[Shashank Pali]

Hi,

It will be really great and appreciated if you guys provide the callback when I tap on the respective widget.
https://www.syncfusion.com/forums/181448/how-can-i-add-multiple-marker-on-column?reply=SFrLdv

[Lokesh Palani]

Hi Shashank,

We will consider this a high priority and prioritize this feature in every release based on demand. Therefore, it will be available in any of our upcoming releases. We appreciate your patience until then.

Regards,

Lokesh.