javascript - 如何获取工具提示 Highcharts 中的多个系列数据?

标签 javascript highcharts tooltip

我想在每列的工具提示中显示多个系列数据

tooltip: {
    formatter: function() {
        return '<span style="color:#D31B22;font-weight:bold;">' +this.series.name +': '+ this.y +'<br/>'+
               '<b style="color:#D31B22;font-weight:bold;">'+this.x +'</b><span>';
    }
},

和数据

series: [{
    showInLegend: false,
    name: 'Total Click',
    data: [3000,200,50,4000],
    color: '#9D9D9D'
}, {
    showInLegend: false,
    name: 'Total View',
    data: [100,2000,3000,4000],
    color: '#D8D8D8'
}]

我正在这样使用,但在工具提示中一次仅显示一系列数据。 我想显示这样的数据(总浏览量:100 和总点击数:3000)

最佳答案

请尝试使用此代码

<强> updated DEMO

tooltip: {
        formatter: function() {
            var s = [];

            $.each(this.points, function(i, point) {
                s.push('<span style="color:#D31B22;font-weight:bold;">'+ point.series.name +' : '+
                    point.y +'<span>');
            });

            return s.join(' and ');
        },
        shared: true
    },

关于javascript - 如何获取工具提示 Highcharts 中的多个系列数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19312312/

相关文章:

javascript - 背景暗淡的 Bootstrap 下拉菜单

javascript - Jquery 工具提示总是将标题名称显示为工具提示

.net - 使用 Windows 窗体在按钮上显示工具提示

javascript - 如何在输入 ID 等于 'submit' 的情况下提交 javascript

javascript - 将 JS 循环行为与日期混淆

javascript - Highcharts fadeIn 生成比容器更大的图

javascript - Highcharts 列点击

twitter-bootstrap - Bootstrap 3 弹出框和工具提示在同一元素上

javascript - CQ/AEM 'cq5forms_showMgs()' 这样的函数在哪里定义的?

javascript - 使用 Highcharts 和 MySQL 数据库中的数据进行动态图表