Marker customization

[farouk-abdelkrim]

Hello,

It 's possible to make custom marker in LineChart? if not how i can change the position of arrow in the marker

[dinhnhanfpt]

the same issue with stackedBarchart

[empiteranga]

any update on marker customization

[AlixH]

You can use the marker prop of LineChart:

marker={{
                  enabled: true,
                  markerColor: processColor(commonColor.listItemBackground),
                  textSize: scale(12),
                  textColor: processColor(commonColor.textColor)
               }}

and add a marker property with a string value to each point of your data array

[ger88555]

Any form of setting the marker's border radius and content padding?

[lvntyldz]

Do you have any plans to add custom markers? In our case, we need to add a border and a specific style to the marker content

[christopher-18]

Any update on this? @ger88555 @lvntyldz @AlixH @farouk-abdelkrim Did you guys got any solution or approach?

[ger88555]

@christopher-18 I'm still unable to customize the marker. As a workaround, I'm using a custom, sticky title at the top of the chart that displays the selected datum's information (if any is selected).

I get the selected datum through the onSelect prop of LineChart and I clear any selected datum through the onTouchEnd/onTouchRelease props of the parent view.

I'm still hoping for a more customizable marker (at least on padding, margin, and border) in the future. It would allow the marker to successfuly blend with the rest of the App's UI.

[Eramirez06]

It will be really cool to have this implemented

[southxzx]

any update on this?

[HasanElfalt]

I highly recommend providing the availability to customize the marker to accept a Jsx elements instead of string so, anyone use the library can make any customization with the styles he needs @wuxudong

[wuxudong]

@HasanElfalt I can't access Jsx elements in native code.

[HasanElfalt]

I think there is a way, I had seen this made, but I don't know actually how it is done @wuxudong