是否有可能创建高图极坐标图表,其x轴在中心而不是圆周

时间:2013-04-23 08:31:39

标签: javascript highcharts

我正在尝试创建极柱图。 此图表必须显示堆叠列。 这很简单,但真实的是我得到了x轴和图表外围的极坐标图表的标签,但我希望它们位于中心的内部。它可以实现吗?

感谢您的时间

2 个答案:

答案 0 :(得分:1)

这不是直接支持,但可以实现。

我们需要为那个创建一个额外的假系列和轴。然后使用偏移我们可以将主轴移动到中心。最后一件事是为yAxis计算min,以确保列不会从内部开始。

$('#container').highcharts({
    series: [{
        data: [12,13,14,15,5,17]  
    }, {
        data: [13,15,4,12,14,16]   
    }, {
        data: [1,15,13,4,14,16]   
    },{
        data: [13,15,3,12,1,16]   
    },  {
        data: [null,null,null,null,null,null],
        xAxis: 1
    }],
    chart: {
        polar: true,
        type: 'column'
    },

    xAxis: [{
        offset: 120,
        tickInterval: 1,
        tickmarkPlacement: 'on'
    }, {
        lineWidth: 0,
        tickInterval: 1,
        labels: {
            enabled: false
        }
    }],

    yAxis: {
        min: -35,
        endOnTick: false,
        showLastLabel: true,
        title: {
            text: null
        },
        labels: {
            align: 'center',
            formatter: function () {
                if(this.value >= 0 ){
                    return this.value + '%';
                } else {
                    return '';
                }
            }
        }
    },
    plotOptions: {
        series: {
            stacking: 'normal',
        }
    }
});

您的示例:http://jsfiddle.net/QgUgW/4/

答案 1 :(得分:0)

您可以使用偏移属性:http://api.highcharts.com/highcharts#xAxis.offset

但这会导致图表混乱。 极地图通常令人困惑,因为它是......