Highcharts highmaps中图例记号的位置错误

我的代码中的某个地方出错了，我不知道应该在哪里查看。我创建了世界地图，我想有一个图例栏，但颜色栏和记号的外观在不同的地方。看起来是这样的：

我创建世界地图的代码是：

            $('#graph_container').highcharts('Map', {
            chart: {
                height: $(window).height() / graph_height,
            },
            xAxis: {
                labels: {
                    enabled: false
                }
            },
            colorAxis: {
                type: 'linear',
                minColor: colorLuminance(colorMaps[selectedModel], 0.5),
                maxColor: colorLuminance(colorMaps[selectedModel], -0.5),
            },
            title: {
                text: 'World Map'
            },
            mapNavigation: {
                enabled: true,
            },
            subtitle: {
                text: ''
            },
            tooltip: {
                formatter: function () {
                    return 'Country: ' + this.point.name + '<br>' +
                            'Value: ' + this.point.value.toExponential(2);
                }
            },
            series: [{
                data: [],
                name: 'Country',
                mapData: Highcharts.maps['custom/world'],
                joinBy: ['iso-a3', 'code'],
                nullColor: 'grey'
            }
            ]
        });

$（'graph#u container'）。高图（'Map'{
图表：{
高度：$（窗口）.height（）/graph\u高度，
},
xAxis：{
标签：{
已启用：false
}
},
颜色轴：{
类型：'线性'，
minColor:colorLuminance（彩色贴图[selectedModel]，0.5），
maxColor:colorLuminance（colorMaps[selectedModel]，-0.5），
},
标题：{
文字：“世界地图”
},
地图导航：{
启用：对，
},
副标题:{
文本：“”
},
工具提示：{
格式化程序：函数（）{
返回“国家：”+this.point.name+”
'+
'Value:'+this.point.Value.toExponential（2）；
}
},
系列：[{
数据：[]，
名称：'国家'，
mapData:Highcharts.maps['custom/world']，
joinBy:['iso-a3'，'代码']，
空颜色：“灰色”
}
]
});

---

我应该看哪里？是否有任何css可以重写？

您可以在JSFIDLE上重新创建它吗？尝试为图例定义选项，如我粘贴的JSFIDLE中所示。