Question

我有一个使用highcharts创建的柱形图，其中我在x轴上显示班级中的学生姓名列表，而在y轴上显示的所有测验中得到的平均分数。例如，学生“ abc”在两次测试中得分分别为50和100，因此他的平均值为75。我希望将75显示为柱形图上的值，并在工具提示上显示“ test 1-50”，“ test 2” -100“。所以在串联对象内部，我传递的是平均值数组。课堂上其他学生也将做同样的事情。感谢帮助

Answer 1

您可以将测试值作为自定义属性，并在工具提示的格式化程序功能中引用它们：

    series: [{
        type: 'column',
        data: [{
            y: 75,
            tests: [50, 100]
        }, {
            y: 50,
            tests: [50, 50]
        }]
    }],
    tooltip: {
        formatter: function() {
            var str = '';

            this.point.tests.forEach(function(test, i) {
                str += '<br>test' + (i + 1) + ' ' + test;
            });

            return str;
        }
    }

实时演示： http://jsfiddle.net/BlackLabel/t5f43zwn/

API参考： https://api.highcharts.com/highcharts/tooltip.formatter

Highcharts工具提示显示不同的数据

1 个答案: