首页 > 代码库 > highcharts图表组件通过设置tooltip属性自定义数据提示信息

highcharts图表组件通过设置tooltip属性自定义数据提示信息

$(function () {    $(‘#container‘).highcharts({            chart: {        },            xAxis: {            categories: [‘Jan‘, ‘Feb‘, ‘Mar‘, ‘Apr‘, ‘May‘, ‘Jun‘, ‘Jul‘, ‘Aug‘, ‘Sep‘, ‘Oct‘, ‘Nov‘, ‘Dec‘]        },                tooltip: {            shared: true, //是否共享提示,也就是X一样的所有点都显示出来            useHTML: true, //是否使用HTML编辑提示信息            headerFormat: ‘<small>{point.key}</small><table>‘,            pointFormat: ‘<tr><td style="color: {series.color}">{series.name}: </td>‘ +            ‘<td style="text-align: right"><b>{point.y}</b></td></tr>‘,            footerFormat: ‘</table>‘,            valueDecimals: 2 //数据值保留小数位数        },            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图表组件通过设置tooltip属性自定义数据提示信息