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