HighMap数据标签显示为旋转

Question

我试图在JustPy中显示一些地图结果，但是HighMap数据标签在JustPy中显示为旋转，但是只有标签是旋转的，而不是地图本身。

import justpy as jp

my_chart_def = """
{
 chart: {
    map: 'custom/europe',
    borderWidth: 1
  },

  title: {
    text: 'Nordic countries'
  },

  subtitle: {
    text: 'Demo of drawing all areas in the map, only highlighting partial data'
  },

  legend: {
    enabled: false
  },

  series: [{
    name: 'Country',
    data: [
      ['is', 1],
      ['no', 1],
      ['se', 1],
      ['dk', 1],
      ['fi', 1]
    ],
    dataLabels: {
            enabled: true,
            color: '#FFFFFF'
        },
    }]
}
"""

def chart_test():
    wp = jp.WebPage()
    wp.head_html = """
    <script src="https://code.highcharts.com/maps/9.2.2/highmaps.js"></script>
    <script src="https://code.highcharts.com/mapdata/custom/europe.js"></script>
    """
    my_chart = jp.HighCharts(a=wp, classes='m-2 p-2 border w-1/2 h-screen', options=my_chart_def)
    my_chart.options.chart.type = 'map'
    my_chart.options.series[0].name = 'Test chart'
    my_chart.options.title.text = 'Data'
    return wp

jp.justpy(chart_test)

这就是我得到的：

​

如果我把地图旋转90度，这就是我所看到的，标签看起来是对齐的。

​

Answer 1

我已经在编辑器中复制了您的示例，所有的事情似乎都是正确的，https://jsfiddle.net/BlackLabel/6g92m7br/，所以这个问题发生在公正的一方。

然而，自9.3.0以来，高图集地图已经改进了几何https://www.highcharts.com/blog/changelog/#highcharts-maps-v9.3.0，这可能会影响另一个框架的行为。我建议直接接触JustPy开发人员。

作为一种解决办法，您可以尝试设置x、y dataLabels位置，例如：

  plotOptions: {
    series: {
      dataLabels: {
        x: 15,
        y: -50
      }
    }
  }

演示： https://jsfiddle.net/BlackLabel/bnejx2kc/

API参考： https://api.highcharts.com/highmaps/plotOptions.map.dataLabels.x https://api.highcharts.com/highmaps/plotOptions.map.dataLabels.y