apexcharts / apexcharts.js

📊 Interactive JavaScript Charts built on SVG
https://apexcharts.com
MIT License
14.27k stars 1.3k forks source link

Markers and axis line #4412

Closed agustinTamayo closed 5 months ago

agustinTamayo commented 5 months ago

Hello,

I am using your system, and when in a linear type graph, with null values (absent), the y-axis help line works correctly. Marks the position that the mouse is over with the axis value.

But when I activate the markers, and move the mouse over null values, the axis help line stays at the last value on the graph and does not follow the mouse.

var states_by_hour_chart_options = { series: [ { name: text_visites, data: [] }, { name: text_vistes_ateses, data: [] } ], chart: { height: 287, type: 'line', zoom: { enabled: false }, toolbar: { show: false } }, dataLabels: { enabled: false }, stroke: { curve: 'straight', width: 3 }, markers: { size: 5, }, yaxis: { title: { text: text_visites } }, xaxis: { title: { text: text_hores }, categories: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23'], }, noData: { text: text_carregant }, colors: ["#1e22aa", "#97c1e0"], legend: { position: 'top', } };

var states_by_hour_chart = new ApexCharts(document.querySelector("#stats_by_hour"), states_by_hour_chart_options);

states_by_hour_chart.render();

image