0

在此处输入图像描述

基于图像,每个 X 值有 20 个点不同,线应显示为直线。

但是由于我添加了 2 个值,即 1025.96 和 1026.50(如右表中的彩色背景所示)并且它仍然对每个数字使用相同的比例,因此折线图不直。

如何调整图表中的这 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} ]

第二个选项允许您设置其他点属性,例如颜色等。

于 2013-03-29T07:08:45.590 回答