2

x 軸に週単位の日付を含む古典的な折れ線グラフがあります。

しかし、多くの値を入力すると、一番下の日付が読めなくなります (近すぎます)。

$(function () { 
$('#container').highcharts({ 
    xAxis: {
        tickInterval:  7 * 24 * 3600 * 1000,
        type: 'datetime', 
        labels: {
            format: '{value:%d/%m/%Y}',
            rotation: -45,
            y: 30,
            align: 'center'
        } 
    }, 
    plotOptions: {
        series: {
            pointStart: Date.UTC(2012, 4, 4),
            pointInterval: 7 * 24 * 3600 * 1000
        }
    },

    series: [{ 
        data: [29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4, 29.9, 71.5, 106.4]
    }]
});

http://jsfiddle.net/mf9Eg/

これらの値をインテリジェントに分散できるかどうか知っていますか? 近すぎる場合は、たとえば 1 対 2 で表示します。

ありがとう。

4

2 に答える 2

0

私が通常行うことは、持っているデータ ポイントの数を決定し、それにtickInterval応じて調整することです。ハードコードされた値に設定されています。データ ポイントの数、xAxis ラベルの配置/回転、およびそれらのラベルで使用されるフォントに応じて、最適な方法を見つける必要があります。

于 2013-07-30T17:50:40.677 に答える