Question

我用Highcharts极性类型创建了一个图形。图表的边界溢出。任何人都可以帮我修复图表。

请在JSFiddle上找到我的问题： JSFiddle 代码：

$(function () {

    $('#container').highcharts({

        chart: {
            polar: true,
            showAxes: false
        },

        title: {
            text: 'Highcharts Polar Chart'
        },

        pane: {
            startAngle: 0,
            endAngle: 360
        },

        xAxis: {

            tickInterval: 45,
            min: 0,
            max: 360,
            labels: {
                formatter: function () {
                    return this.value + '°';
                }
            },
            lineWidth: 10,
            lineColor: "#000000",
            gridLineWidth: 5,
            gridLineColor: "#000000"
        },

        yAxis: {

            offset: 120,            
            tickmarkPlacement: 'on',  
            min: 0,
            max: 4,
            visible: false,
            endOnTick: false
        },

        plotOptions: {
            series: {
                pointStart: 0,
                pointInterval: 45
            },
            column: {
                pointPadding: 0,
                groupPadding: 0
            },
            line: {
                color: "#ff0000",
              lineWidth: 10
            }
        },

        series: [{
            type: 'line',
            name: 'Line2',
            data: [8, 7, 6, 5, 4, 3, 2, 1],
            pointPlacement: 'between'
        }]
    });
});

这会产生轴外部绘图区域。我想增加情节面积，以便看到极端主义终点的交汇点。

Answer 1

Plot溢出的原因是因为您已将yAxis的最大值设置为4，但在数据中，您的值大于4，如8,7,6和5。

只需从yAxis对象中删除max: 4选项，您的图表就可以正常显示。

Highcharts Polar Plot区域缩放问题

1 个答案: