我想要一个极坐标图(带有 highcharts 库),但我需要将图表旋转 45º。我有以下基本脚本:
$(function () {
var interval = 90;
var startAngle = 0;
window.chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
polar: true,
margin: 60
},
title: {
text: 'Style of thought',
},
pane: {
startAngle: startAngle
},
xAxis: {
tickmarkPlacement: 'on',
startOnTick: true,
tickInterval: interval,
min: 0,
max: 360
},
yAxis: {
min: 0,
max: 100
},
plotOptions: {
series: {
pointStart: 0,
pointInterval: interval
},
column: {
pointPadding: 0,
groupPadding: 0
}
},
series: [
{
type: 'area',
name: 'Luis',
data: [40, 60, 35, 89]
}, {
type: 'line',
name: 'Media de comunidad',
data: [60, 75, 15, 52]
}]
});
});
jsfiddle 中的示例和图表很好。
我需要将图表旋转 45º,为此我将 startAngle 的值更改为 45
$(function () {
var interval = 90;
var startAngle = 45;
window.chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
polar: true,
margin: 60
},
title: {
text: 'Style of thought',
},
pane: {
startAngle: startAngle
},
xAxis: {
tickmarkPlacement: 'on',
startOnTick: true,
tickInterval: interval,
min: 0,
max: 360
},
yAxis: {
min: 0,
max: 100
},
plotOptions: {
series: {
pointStart: 0,
pointInterval: interval
},
column: {
pointPadding: 0,
groupPadding: 0
}
},
series: [
{
type: 'area',
name: 'Luis',
data: [40, 60, 35, 89]
}, {
type: 'line',
name: 'Media de comunidad',
data: [60, 75, 15, 52]
}]
});
});
jsfiddle 中的示例 2,现在图表很糟糕。如果你看到它,圆的中心与圆周的距离不是等距的。
对这个问题有任何想法吗?
非常感谢你!!