Question

我觉得这一定很容易，但我只是没有看到它。在下面，我希望0成为情节的中心。 http://bit.ly/1LE6Cvr

我认为这可以通过＆＃34; min＆＃34;来实现。选项但它不能按预期工作。相反，零点是在图表半径的一半处创建的。

有人可以把我从痛苦中解救出来吗？感谢。

Answer 1

您的问题在于您放入图表的数据。

因为所有绘图点都是0，所以高位图正在调整轴，以便以可读的方式显示数据。

如果您将数据调整为更广泛的数字，则0成为图表的中心。

$(function () {

    $('#container').highcharts({

        chart: {
            polar: true
        },

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

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

        xAxis: {
            tickInterval: 45,
            min: 0,
            max: 360,
            labels: {
                formatter: function () {
                    return this.value + '°';
                }
            }
        },

        yAxis: {
            min: 0
        },

        plotOptions: {
            series: {
                pointStart: 0,
                pointInterval: 45
            },
            column: {
                pointPadding: 0,
                groupPadding: 0
            }
        },

        series: [{
            type: 'line',
            name: 'Line',
            data: [10, 0, 1, 5, 1, 6, 6, 2]
        }]
    });
});

Answer 2

我想我自己也找到了解决方案。似乎唯一的方法就是必须将点坐在整齐地设置为0才能获得“最大”值。请参阅example。

但是在大多数情况下，如果系列是动态生成的，那么你不能只决定一个任意的最大值。

诀窍是从API确定图表的yAxis数据集的最大值是什么，如果为0，则表示没有要显示的数据，因此您可以动态设置它。

请参阅solution

Highcharts极地图 - 零中心

2 个答案: