0

我正在尝试创建一个带有倾斜 x 轴的线高图。该图像粗略地了解了我想要实现的目标。我希望 x 轴倾斜，并且网格线也从 3 月开始倾斜，如图所示。

我无法附上图片，请看下面的代码（请不要介意初学者的编码来获取线条，我还在学习中）

$(function () {
$('#container').highcharts({
    chart: {
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 144.0, 176.0]        
    }]
}, function(c){
    c.renderer.arc(170, 330, 450, 0, -Math.PI/35, -Math.PI/35).attr({
    fill: '#FCFFC5',
    stroke: 'black',
    'stroke-width': 1
    }).add();
    c.renderer.arc(170, 215, 450, 0, -Math.PI/35, -Math.PI/35).attr({
    fill: '#FCFFC5',
    stroke: 'black',
    'stroke-width': 1
    }).add();    
});

包含在jsfiddle中。

另外，我正在尝试为具有倾斜度的范围设置颜色。据我所知，我可以通过将面积图与线条相结合来实现这一点，这样面积图将作为背景来获得我想要的颜色和倾斜度。我在 plotbands 中寻找选项，但找不到出路。

任何帮助深表感谢。

4

1 回答 1

0

我注意到你是否需要这个：http: //jsfiddle.net/Ff2nW/42/

您可以使用arearange来实现这一点：

$('#container').highcharts({
    chart: {
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },



    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 144.0, 176.0]        
    },{
        type: 'arearange',
        data: [[3,0,100],[11,25,125]]
    }]
});
于 2013-06-04T13:38:47.990 回答