Highcharts点值消失

时间:2015-09-17 15:12:44

标签: javascript highcharts

使用Highcharts我有一个散点图,我正在格式化工具提示。我显示比较状态的数据,并希望工具提示显示状态名称。该名称将显示在第一个悬停的工具提示中,但在第二个悬停时将显示为空白。

我从pointFormat选项切换到pointFormatter,以便我可以控制日志值。看起来在第一次悬停之后,状态名称属性实际上已将其值删除。

plotOptions: {
        scatter: {
            marker: {
                radius: 5
            },
            tooltip: {
                headerFormat: '',
                pointFormatter: function(){
                    console.log(this); 
                    console.log(this.state); 
                    return "<span>" + this.state; + "</span>"
                }
                // pointFormat: '<span style="font-size: 10px">{point.state}</span>'
            }
        }
    }

JSFiddle

2 个答案:

答案 0 :(得分:1)

你的json有一个问题,你正在使用&#34; state&#34; ..我把它改成了虚拟条目&#34; part&#34;并重新开始工作

Working fiddle

     tooltip: {
                headerFormat: '',
                pointFormatter: function(){
                    console.log(this); 
                    console.log(this.state); 
                    return "<span>" + this.part+ "</span>"
                }

答案 1 :(得分:0)

原来问题是我使用属性名称“state”作为我的州名。 Highcharts必须在内部使用此属性名称。