1

私のプロジェクトでは、日ごとのデータを表示するためにパーセンテージ領域（Highcharts js）を使用する必要がありますが、Highchartsによって与えられた例を変換することはできませんでした。

基本的に、x軸で24時間の範囲でこれ（ http://www.highcharts.com/demo/area-stacked-percent ）が必要です。

誰かが例を持っていますか？

4

1 に答える 1

1

以下に要約されているこのjsFiddleを見てください

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type:'area'
        },
        xAxis: {
            type: 'datetime'
        },

        plotOptions: {
            series: {
                pointStart: Date.UTC(2010, 0, 1),
                pointInterval: 24 * 3600 * 1000 // one day
            },

                area: {
                    stacking: 'percent',
                    lineColor: '#ffffff',
                    lineWidth: 1,
                    marker: {
                        lineWidth: 1,
                        lineColor: '#ffffff'
                    }
                }
            },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1,     95.6, 54.4]
        }, {
            data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5,     106.4, 129.2]
        }]
    });
});

編集:私はあなたがここに示されているようにあなたのシリーズデータを構築する日をより具体的にしたいです

data: [{x:Date.UTC(2010, 0, 1),y:29.9},  {x:Date.UTC(2010, 0, 2),y:71.5},    
       {x:Date.UTC(2010, 0, 3),y:106.4}, {x:Date.UTC(2010, 0, 4),y:129.2}, 
       {x:Date.UTC(2010, 0,5),y:144.0},  {x:Date.UTC(2010, 0, 6),y:176.0}, 
       {x:Date.UTC(2010, 0, 7),y:135.6}, {x:Date.UTC(2010, 0, 8),y:148.5}, 
       {x:Date.UTC(2010, 0, 9),y:216.4}, {x:Date.UTC(2010, 0, 10),y:194.1}, 
       {x:Date.UTC(2010, 0, 11),y:95.6}, {x:Date.UTC(2010, 0, 12),y:54.4}
]

両方のシリーズ (0 であっても) で毎日のデータを取得するように注意してください。そうしないと、レンダラーが狂ってしまいます...

于 2013-02-20T10:59:32.147 に答える