HighCharts を使用してレーダー チャートをプロットする必要があります。特に、すべてのシリーズでスケールが異なります。複数のスケール (y 軸ごとに 1 つ) を使用してレーダー チャートを正しく描画できますが、メインの y 軸に複数の重複するラベルが表示されます。これは明らかに間違っています。ここで、代わりに、対応する y 軸上のすべての y 軸に関連するラベルをプロットしたいと思います。これどうやってするの ?
jsFiddle に貼り付けて、ラベルが実際に重複していることを確認できるスニペットを次に示します。
$(function () {
window.chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
polar: true,
type: 'line',
zoomType: 'xy'
},
title: {
text: 'Indicators Radar Chart',
x: -80
},
pane: {
size: '90%'
},
xAxis: {
categories: ['A', 'B', 'C', 'D'],
tickmarkPlacement: 'on',
lineWidth: 0,
min: 0
},
yAxis: [{
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0,
labels: {
enabled: true
}
}, {
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0,
labels: {
enabled: true
}
}, {
gridLineInterpolation: 'polygon',
lineWidth: 0,
min: 0,
labels: {
enabled: true
}
}],
tooltip: {
shared: true,
valuePrefix: ''
},
legend: {
align: 'right',
verticalAlign: 'top',
y: 100,
layout: 'vertical'
},
series: [{
name: 'Austria',
yAxis: 0,
data: [0.130435, 35.043480, 29288.695312, 236960.296875],
pointPlacement: 'on'
}, {
name: 'Germany',
yAxis: 1,
data: [0.000000, 42.217392, 149103.906250, 589782.500000],
pointPlacement: 'on'
}, {
name: 'Italy',
yAxis: 2,
data: [2.304348, 44.826088, 132805.218750, 878785.937500],
pointPlacement: 'on'
}]
});
});
私が取得しようとしている出力は、この特定のチャートでは、さまざまなスケールに関連するラベルが各軸に沿って表示されるようなものです: 中心点から A まで、中心点から B まで、中心点から C まで、および問題は、現在すべてのラベルが中心点から A までの同じ軸上に表示されていることです。
前もって感謝します。