Question

我有一个简单的柱形图，有三个系列：

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Chart'
        },

        xAxis: {
            categories: ['']
        },

        series: [{
            name: "Test1",
            data: [30]
        },
        {
            data: [60]
        },
        {
            data: [10]
        },        
    ]
    });
});

但是当渲染图表时，当鼠标位于某个条形图上方时，系列工具提示显示不正确（不居中）：

我做错了什么？

这是JSFiddle：http://jsfiddle.net/cbhe9x17/

Answer 1

工具提示崩溃背后的原因是，您在代码中创建了以下类别

xAxis: {
            categories: ['']
        },

默认情况下，类别＆amp;系列数据将显示在工具提示中。

要获得正确的工具提示，您可以提供正确的类别值，也可以使用格式化程序。

 xAxis: {
            categories: ['Test 1', 'Test 2', 'Test 3']
        },

Check this too :)

Answer 2

默认情况下，Highchart的工具提示位于正确的位置。但在您的情况下，您将类别设置为空。删除这个：

   xAxis: {
        categories: ['']
    }

工作小提琴Here

以其他方式see this

柱形图，tootip显示不正确

2 个答案: