1

我想要一个极坐标图(带有 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,现在图表很糟糕。如果你看到它,圆的中心与圆周的距离不是等距的。

对这个问题有任何想法吗?

非常感谢你!!

4

1 回答 1

1

它看起来像一个错误,所以我在这里向我们的开发人员报告:https ://github.com/highslide-software/highcharts.com/issues/1561

感谢您的建议

于 2013-03-05T11:09:06.833 回答