0

傾斜した x 軸を持つライン ハイチャートを作成しようとしています。この画像は、私が達成したいことの大まかなアイデアを示しています。写真のように3月からx軸を傾けて、グリッド線も傾けて欲しいです。

画像を添付できませんでした。次のコードをご覧ください (行を取得するための初心者のコーディングを気にしないでください。私はまだ学習中です)。

$(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に含まれています。

また、傾斜のある範囲に色を付けようとしています。私が学んだ限りでは、面グラフと線を組み合わせて、面グラフが背景として機能し、必要な色と傾きを取得することで、これを実現できます。プロットバンドでオプションを探しましたが、解決策が見つかりませんでした。

どんな助けでも大歓迎です。

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 に答える