x corresponding to y values - CanvasJS

x corresponding to y values - CanvasJS

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart= new CanvasJS.Chart("chartContainer", {
    title:{
        text: "MultiSeries StepLine Chart"
    },
    
    axisX: {
        lineThickness: 2,
        interval: 5
    },
    
    data: [
    {
        type: "line",
        
        dataPoints: [
        
            { x: 10, y: 14.00 },
            { x: 15, y: 14.50 },
            { x: 20, y: 14.75 },
            { x: 25, y: 16.30 }
        ]
    },
    {
        type: "line",
        dataPoints: [
        
            { x: 20, y: 15.00 },
            {x: 25, y: 14.50 },
        
        ]
    }
    ]
});
chart.render();