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,
        valueFormatString: " "
    },
    
    data: [
    {
        type: "line",
        
        dataPoints: [
        
            { x: 10, y: 14.00, label: 10 },
            //{ x: 15, y: 14.50, label: 15 },
            { x: 20, y: 14.75, label: 20 },
            { x: 25, y: 16.30, label: 25 }
        ]
    },
    {
        type: "line",
        dataPoints: [        
            { x: 20, y: 15.00, label: 20},
            { x: 25, y: 14.50, label: 25},
        
        ]
    }
    ]
});
chart.render();