Hide horizontal crosshair line and chart vertical lines of x-axis

[Marco Giorgi]

Is there a way to remove the horizontal line of the crosshair, showing only the vertical one?

And hide the verticals line of a line chart, showing only the horizontal lines?

[Saravana Kumar Kanagavel]

Hi Marco, 

 

Thanks for contacting Syncfusion Support. 

We have analyzed your query and created a sample based on your requirement. In the sample, we have hide the horizontal line of crosshair and also hide the major grid lines of x axis in chart. 

 

Please refer the code example below 

 

[JS] 

$("#container").ejChart( 

    { 

     primaryXAxis: 

            { 

                majorGridLines:{ visible:false}, 

                crosshairLabel: { visible:true  } 

            }, 

 

           trackAxisToolTip:"trackTooltip" 

    }); 

function trackTooltip(sender){ 

  document.getElementById("container_svg_CrosshairHorizontal").setAttribute("visibility","hidden"); 

}  

 

 

In the above code, we are triggering trackAxisTooltip event. In the event, we have hide the horizontal line of crosshair. 

Kindly find the sample from the below location. 

 

Sample Link : http://jsplayground.syncfusion.com/igedtslq 

Please find the output of the sample below 

 

Please let us know if you have any concern. 

Regards, 

Saravana Kumar K.