Highcharts-蜘蛛网图表问题

目前我正在使用Highcharts蜘蛛网图表，我想看看是否可以做到以下几点

• 如何缩放极坐标图？（或者可能吗？）
• 如何在每个片段中添加背景色

如何缩放极坐标图？（或者可能吗？

如果您想要类似于

zoomType

的缩放，则

highcharts more.js

会禁用极坐标图的no.

zoomType

。来源：

// Disable certain features on angular and polar axes
chart.inverted = false;
chartOptions.chart.zoomType = null;

如何在每个片段中添加背景色？

您可以使用math和

Chart.renderer

来创建和填充路径，以给分段的背景上色。例如，您可以这样做：

var colors = [ "pink", "yellow", "blue", "red", "green", "cyan", "teal", "indigo" ];    
var parts = 6;

for(var i = 0; i < parts; i++) {
    centerX = chart.plotLeft + chart.yAxis[0].center[0];
    centerY = chart.plotTop + chart.yAxis[0].center[1];
    axisLength = chart.yAxis[0].height;
    angleOffset = -Math.PI/2;
    angleSegment = Math.PI/(parts/2);

    firstPointX = centerX + (axisLength * Math.cos(angleOffset + (angleSegment * i)));
    firstPointY = centerY + (axisLength * Math.sin(angleOffset + (angleSegment * i)));

    secondPointX = centerX + (axisLength * Math.cos(angleOffset + (angleSegment * (i+1))));
    secondPointY = centerY + (axisLength * Math.sin(angleOffset + (angleSegment * (i+1))));                                                                                       

    chart.renderer.path([
        'M', centerX, centerY, 
        'L', firstPointX, firstPointY,
        'L', secondPointX, secondPointY,
        'Z'
    ]).attr({
        fill: colors[i % colors.length],
        'stroke-width': 1,
        'opacity': 1
    }).add();
}

var colors=[“粉色”、“黄色”、“蓝色”、“红色”、“绿色”、“青色”、“青色”、“青色”、“靛蓝”]；
var部分=6；
对于（变量i=0；i

---

如图所示。您只需将类别数与

parts

变量匹配即可

谢谢@ondkloss，还有其他放大方式吗？我想我可能在想我需要改变轴的最小值和最大值…这是个好建议。有点像“假缩放”，但使用的是

chart.yAxis[0]。setextrems（最小值，最大值）

至少是这样。