Html BulletChart

Set the tooltipFormatFunction property of the jqxBulletChart. Author: http://jqwidgets.com

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<div id="jqxBulletChart"></div>

JavaScript

$("#jqxBulletChart").jqxBulletChart({
    tooltipFormatFunction: function (pointerValue, targetValue) {
        return "<span style='color: Red;'>Current: " + pointerValue + "</span>; <span style='color: Green;'>Average: " + targetValue + "</span>";
    }
});