kdkarki
Posts: 2
Joined: Tue Dec 06, 2022 9:08 pm

Line chart marker not showing when accessibility module is enabled

I am using highcharts v8.2.2 react package and am trying to configure accessibility. However, when accessibility module is imported then I noticed that line charts don't display the markers. The markers only show up when the line is clicked. I tried configuring

Code: Select all

plotOptions.line.marker.enabled
option as well as

Code: Select all

plotOptions.series.marker.enabled
to no avail. Am I missing something here?
User avatar
dawid.d
Posts: 807
Joined: Thu Oct 06, 2022 11:31 am

Re: Line chart marker not showing when accessibility module is enabled

Hi,

Welcome to our forum and thanks for contacting us with your question!

Could you present your problem in the form of a demo, e.g. in Codesandbox? I didn't notice a similar problem when trying to reproduce it on my own.

Demo: https://codesandbox.io/s/highcharts-rea ... =/demo.jsx

I'm waiting for your response.
Best regards!
Dawid Draguła
Highcharts Developer
kdkarki
Posts: 2
Joined: Tue Dec 06, 2022 9:08 pm

Re: Line chart marker not showing when accessibility module is enabled

Thanks for the demo link. It seems like there may be some options we are passing at runtime that's causing the markers to not render in our app. Looking at your example in Codesandbox, I see that you are using "highcharts-react-official". I don't have that library in our solution. Instead the chart is injected as follows:

Code: Select all

const node = React.useRef(null);
const chart = React.useRef(null);
chart.current = HighCharts.chart(node.current, options);
You can see the working implementation here: https://codesandbox.io/s/highcharts-rea ... :1324-1380

Anyway, its working as expected in codesandbox so issue seems to be in our implementation. Thanks for the help.
User avatar
dawid.d
Posts: 807
Joined: Thu Oct 06, 2022 11:31 am

Re: Line chart marker not showing when accessibility module is enabled

You're welcome! In case of any further questions, feel free to contact us again.
Regards!
Dawid Draguła
Highcharts Developer

Return to “Highcharts Usage”