Javascript Highcharts极坐标图自定义

Javascript Highcharts极坐标图自定义,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我在极坐标图定制方面遇到问题。我想将数据标签向右移动45° 这是我想要得到的结果: 用极坐标图(必须是极坐标图)能做到这一点吗 这是定义标签文本的正确方法吗 var categories = ['These', 'are', 'test', 'data'], count = 0; /* ... */ labels: { formatter: function () { var value = categories[count];

我在极坐标图定制方面遇到问题。我想将数据标签向右移动45°

这是我想要得到的结果:

  • 用极坐标图(必须是极坐标图)能做到这一点吗
  • 这是定义标签文本的正确方法吗

    var categories = ['These', 'are', 'test', 'data'],
    count = 0;
    /* ... */
        labels: {
            formatter: function () {
                var value = categories[count];
    
                count++;
                if (count == 5) {
                    count = 0;
                }
    
                return value;
            }
        }
    

  • 据我所知,有一个选项startAngle可以让你操控角度,只需添加如下选项:

     chart: {
                polar: true
            },
            pane: {
                startAngle: 45,
            },
    
            title: {
                text: 'Highcharts Polar Chart'
            },
    


    据我所知,有一个选项startAngle可以让您操控角度,只需添加如下选项:

     chart: {
                polar: true
            },
            pane: {
                startAngle: 45,
            },
    
            title: {
                text: 'Highcharts Polar Chart'
            },
    


    获得你想要的行为是两件事的结合:

    • 使用而不是
      格式化程序
      :这比创建自定义格式化程序更容易。如果愿意,可以省略此步骤,具体取决于要绘制网格线的位置
    • 在您的
      系列
      选项中,设置为
      介于
      之间:默认情况下,点将朝向“北”放置,但启用此选项后,它们将放置在中间(对于具有四个值的图形,将它们放置在45度角)
    例如:

    var categories = ['These', 'are', 'test', 'data'],
    count = 0;
    
    $('#container').highcharts({
        // ...        
        xAxis: {
            // ...
            categories: categories,
            // ...
        },
        // ...
        series: [{
            // ...
            pointPlacement: 'between',
            // ...
        }]
    });
    

    获得你想要的行为是两件事的结合:

    • 使用而不是
      格式化程序
      :这比创建自定义格式化程序更容易。如果愿意,可以省略此步骤,具体取决于要绘制网格线的位置
    • 在您的
      系列
      选项中,设置为
      介于
      之间:默认情况下,点将朝向“北”放置,但启用此选项后,它们将放置在中间(对于具有四个值的图形,将它们放置在45度角)
    例如:

    var categories = ['These', 'are', 'test', 'data'],
    count = 0;
    
    $('#container').highcharts({
        // ...        
        xAxis: {
            // ...
            categories: categories,
            // ...
        },
        // ...
        series: [{
            // ...
            pointPlacement: 'between',
            // ...
        }]
    });
    

    我想他想让轴线保持在与图像相同的位置,但只是将文本移动45度。这样标签文本就位于切片宽度的中心。我认为他希望将轴线保持在与图像相同的位置,但只是将文本移动45度。使标签文本位于切片宽度的中心。