Custom formatter function for toolTip content - CanvasJS

Custom formatter function for toolTip content - CanvasJS

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 300px; width: 100%; margin-left:auto; margin-right:auto;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", { 
    title: {
        text: "Custom formatter function for toolTip content"
    },
    axisX: {
        interval: 1
    },
    toolTip:{             
        content: function( e ){
            var content = e.entries[0].dataPoint.y == 0 ? "DOWN" : "UP";
           // content = "y: " + e.entries[0].dataPoint.y + "<br/>" + content;
            return content;
        }
    },
    data: [
        {
            type: "spline",
            dataPoints: [
                { y: 1 },
                { y: 4 },
                { y: 0 },
                { y: 4 }	
            ]
        }
    ]
});
chart.render();