findout ==> using ref :-)
@Vishwas
I am integrating with React, and there I dont have
chart.render() instead I am using CanvasJSChart component ==> <CanvasJSChart options={options} containerProps={style} />
So, in this case how can I access options.data ? or axisX to change crosshair thickness ?
Thanks in advance.
Thanks for your reply. I will look in to this solution.
Cheers.
Another issue:
Blue dots on axisX is not visible. hiding below the line. Would like to show the clear dots.
any solution ?
Please execute the below code–>
<!DOCTYPE HTML> <html> <head> <script type="text/javascript"> window.onload = function () { var chart = new CanvasJS.Chart("chartContainer", { title: { text: "Setting lineDashType for axisX" }, axisX: { lineDashType: "dot", lineThickness: 2 }, axisY: { gridThickness: 0 }, data: [ { type: "line", dataPoints: [ { x: 10, y: 4 }, { x: 20, y: 3 }, { x: 30, y: 0 }, { x: 40, y: 0 }, { x: 50, y: 0 }, { x: 60, y: 9 }, { x: 70, y: 3 }, { x: 80, y: 4 }, { x: 90, y: 7 } ] } ] }); chart.render(); } </script> <script type="text/javascript" src="https://cdn.canvasjs.com/canvasjs.min.js"></script> </head> <body> <div id="chartContainer" style="height: 300px; width: 100%;"></div> </body> </html>