JavaScript Chart

Set the toolTipFormatFunction property of the jqxChart. Author: http://jqwidgets.com

HTML

<script src="http://jqwidgets.com/jquery-widgets-demo/demos/sampledata/nasdaq_vs_sp500.txt"></script>
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<div id='jqxChart' style="width:530px; height:400px"></div>

JavaScript

$('#jqxChart').jqxChart({
                "title": false,
                "description": false,
                "showBorderLine": false,
                "padding": {
                    "left": 5,
                    "top": 5,
                    "right": 5,
                    "bottom": 5
                },
              "showToolTips": function () {alert ("This is a function");},
                "toolTipShowDelay": 0,
                "toolTipHideDelay": 2000,
                "categoryAxis": {
                    "dataField": "X",
                    "gridLines": {
                        "visible": true
                    },
                    "description": "XXXX"
                },
                "colorScheme": "scheme01",
                "seriesGroups": [
                    {
                        "type": "scatter",
                        "valueAxis": {
                            "minValue": 0,
                            "maxValue": 105.60000000000001,
                            "visible": false,
                            "axisSize": "auto"
                        },
                        "series": [
                            {
                                "dataField": "Event",
                                "displayText": "Event"
                            }
                        ]
                    }
                ],
                "source": [
                    {
                        "Event": "50"
                    },
                    {
                        "Event": "154"
                    },
                    {
                        "Event": "96"
                    },
                    {
                        "Goal": "90.0"
                    },
                    {
                        "Event": "45"
                    },
                    {
                        "Goal": "90.0"
                    }
                ]
            });