$(function () { $(' #container '). Highcharts ({chart: {}, Xaxis: {categories: [' Jan ', ' Feb ', ' Mar ', ' Apr ', ' may ', ' June ', ' Jul ', ' April ', ' Sep ', ' Oct ', ' Nov ', ' Dec ']}, tooltip: {shared:true,//whether to share the hint, or x, all points are displayedUsehtml:true,//whether to use HTML editing tipsHeaderformat: ' <small>{point.key}</small><table> ', Pointformat:' <tr><td style= ' color: {series.color} ' >{series.name}: </td> ' + ' <td style= ' Text-align:rig HT "><b>{point.y}</b></td></tr>", Footerformat:' </table> ', Valuedecimals:2//number of decimal digits reserved for data values}, Series: [{name:' Short ', data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]}, {name:' Long named series ', data: [129.9, 171.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 195.6, 154.4].reverse ()}]});
Highcharts Chart Component Customizing data tip information by setting the ToolTip property