0

ここに画像の説明を入力

画像に基づいて、各 X 値には 20 ポイントの差があり、線は直線として表示されます。

しかし、1025.96 と 1026.50 の 2 つの値を追加したため (右側の表の色付きの背景で示されているように)、各数値に同じスケールを使用しているため、折れ線グラフは直線ではありません。

グラフでこの 2 ポイント ショーを調整し、適切なスケールでプロットするにはどうすればよいですか? (直線を表示)。

  $(document).ready(function() {


    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container2950',
            type: 'line',
            marginRight: 130,
            marginBottom: 45
        },
        title: {
            text: 'Strategy 2, Long C950',
            x: -20 //center
        },
        subtitle: {
            text: '',
            x: -20
        },
        credits: {
enabled: false
  },
        xAxis: {
  title: {
                text: 'SET50 Index ณ วันหมดอายุ'
            },
   categories:     [925,945,965,985,1005,1025,1025.96,1026.5,1045,1065,1085,1105,1125]

        },
        yAxis: {
            title: {
                text: 'Profit / Loss (Bath)'
            },
            plotLines: [{
                value: 0,
                width: 1,
                color: '#808080'
            }]
        },
        tooltip: {
            formatter: function() {
                    return '<b>'+ this.series.name +'</b><br/>'+
                    this.x +': '+ this.y +' บาท';
            }
        },
        legend: {
            layout: 'vertical',
            align: 'right',
            verticalAlign: 'top',
            x: -10,
            y: 100,
            borderWidth: 0
        },
        series: [
        {name: 'Long C950', data:     [-15300,-15300,-12300,-8300,-4300,-300,-107.99999999999,0,3700,7700,11700,15700,19700]}
        ]

    });
});
4

1 に答える 1

1

表示するコードがないため、確信が持てませんが、xAxis カテゴリを指定していると思われます。これにより、x 軸パラメーターを縮尺どおりにプロットするのではなく、常に等間隔に配置されます。

代わりに、次のように系列データを指定する必要があります。

data:[ [925,-15300],[945,-15300] ]

これは、x、y 値のペアを指定します。次のこともできます。

data:[ {x:925,y:-15300},{x:945,y:-15300} ]

2 番目のオプションでは、色などの他のポイント属性を設定できます。

于 2013-03-29T07:08:45.590 に答える