1

グラフを表すために Highstock.js を使用しています。問題は、プロットが x 軸の実際の日付の少し右側に値を表示していることです。凡例の日付は、x 軸の日付と一致します。ただし、ズームすると、プロットはその日付の少し右側にあります。

フィドルを確認してください

http://jsfiddle.net/HL7jX/

$('#container').highcharts('StockChart', {
        chart: {
            //type: 'area',
        },
        title: {
            text: "Weekly Managed Product Fund Flows",
            margin:50
        },
        rangeSelector: {
            selected: 0,
            align: "left",
            buttons: [
                    {
                        type: 'month',
                        count: 1,
                        text: '1m'},
                     {
                        type: 'month',
                        count: 3,
                        text: '3m'},
                     {
                        type: 'month',
                        count: 6,
                        text: '6m'},
                    ]
        },
        navigator: {
            height: 10
        },
        xAxis: {  
             type:'datetime',
             maxZoom: 24 * 3600000,
             alignTicks : false
        },
        yAxis:[{ 
            title: {
                text: 'Flow US$ mill'
            }
        }, { 
            title: {
                text: 'AMZ'
            },
             labels: {
                format: '{value}'
            },
            opposite: true
        }],
        exporting: {
                enabled: false
        },
        credits: {
                enabled: false
        },
        legend: {
            align: "top",
            layout: "horizontal",
            enabled: true,
            verticalAlign: "middle",
            x:250,
            y:-150
            /*labelFormatter: function() {
                return this.name + ' (T)';
            }*/

        },
       plotOptions:{
            series:{
                     stacking: 'normal'
            },
            line:{
                marker: {
                    symbol:"circle",
                    enabled: true
                }
           }
        },
        series: [/*{
            type: 'area',
            name: 'Total Flows',
            data: all,
            tooltip: {
            valuePrefix: '$',
            valueDecimals: 2
            }
        },*/{
            type: 'area',
            name: 'Mutual Fund Flows',
            data: mf,
            tooltip: {
            valuePrefix: '$',
            valueDecimals: 2
            }
        }, {
            type: 'area',
            name: 'ETF Flows',
            data: etf,
            tooltip: {
            valuePrefix: '$',
            valueDecimals: 2
            }
        },
        {
            type: 'line',
            name:'Alerian AMZ Index',
            yAxis: 1,
            data: AMZ_YTD,
            tooltip: {
            valueDecimals: 2
            }
        }]
    });
4

1 に答える 1

1

これは、渡されたタイムスタンプの問題のようです。

例: 6 月 13 日の AMZ インデックス シリーズ - タイム スタンプは 1371097800000 です。これは、Thu Jun 13 2013 00:30:00 GMT-0400 (東部標準時) に変換されます。

ティックは午前 0 時に設定され、データ ポイントの値は 30 分後です。

ポイントを正確に一致させたい場合は、タイムスタンプが真夜中に設定されていることを確認してください。

タイムゾーンの問題を回避するために、useUTC false を設定することもできます。 http://api.highcharts.com/highcharts#global.useUTC

于 2013-07-03T16:16:49.447 に答える