Question

谁会告诉我，如何更正标签定位取决于Highcharts Polar图表中的值和角度？请看一下图片：

示例1：在这里你可以看到，下半部分显示的角度值定位不好 - 标签与外部图形线的圆圈距离不是很远

示例2：角度值标签显示为向右移动一点点，向下标签向上移动一点点 - 与示例1中的相同。

我正在使用库 Highstock v5.0.12。，这里是我的js代码片段：

xAxis: {
  tickInterval: 30,
  min: 0,
  max: 360,
  labels: {
      formatter: function() {
          return this.value + '°';
      },
      style: {
          "fontSize": "1.1vw",
      },
      distance: 15,
  }
},

Answer 1

您可以选择xAxis.labels.y选项：

labels: {
  y: 6,
  formatter: function() {
    return this.value + '°';
  },
  style: {
    fontSize: '20px'
  }
}

现场演示： http://jsfiddle.net/kkulig/36k19Lhp/

API参考： https://api.highcharts.com/highcharts/xAxis.labels.y

Answer 2

使用文档化示例创建解决方案并使用现有代码进行更新。

解决方案是使用useHTML和align属性

进行更新

xAxis: {
    tickInterval: 30,
    min: 0,
    max: 360,
    labels: {
      formatter: function() {
        return this.value + '°';
      },
      style: {
        "fontSize": "1.1vw",
      },
      distance: 15,
      useHTML: true,  
      align: 'center' 
    }
  },

Fiddle

极坐标图中的标签距离在每个角度上都不相等

2 个答案: