继续在 dotnet highchart 上画线

Question

我正在使用代码创建一个 dotnet high 图表：

object[,] data1 = new object[Dt.Rows.Count, 2];
for (int i = 0; i < Dt.Rows.Count; i++)
{
    data1[i, 0] = Dt.Rows[i]["IncDate"];
    data1[i, 1] = Dt.Rows[i]["IncCost"];
}

object[,] data2 = new object[Dt2.Rows.Count, 2];
for (int i = 0; i < Dt2.Rows.Count; i++)
{
    data2[i, 0] = Dt2.Rows[i]["ExpDate"];
    data2[i, 1] = Dt2.Rows[i]["ExpCost"];
}

Highcharts chart = new Highcharts("graph")

    .SetTitle(new Title { Text = "Money Analysis" })
    .SetXAxis(new XAxis { Type = AxisTypes.Datetime })
    .SetYAxis(new YAxis { Title = new YAxisTitle { Text = "Amount (£)" } })
    .SetSeries(new[]
        {
        new Series { Name = "Incomings", Color = Color.LimeGreen, Data = new Data(data1) },
        new Series { Name = "Expenditures", Color = Color.Red, Data = new Data(data2) }
    })

输出： 我想知道如何使红线沿当前成本继续直到图表结束（传入的最后日期）。如果支出的日期晚于绿线，也对绿线执行相同的操作最后收货日期。希望人们知道我的意思。提前致谢

Answer 1

所以，不 - 图表不会自动为您执行此操作，但我们可以自己轻松完成。

1) 检索数据的最终 y 值

2) 检索您希望它扩展的最终 x 值，直到

3) 使用这些 x 和 y 值向数据添加一个新点。

示例函数：

function extendData(series, axis) {
    var ext = axis.getExtremes();
    var x   = ext.dataMax;
    var y   = series.data[series.data.length -1].y;
    series.addPoint({'x':x, 'y':y, marker: { enabled: true }});
  }

工作示例：

• http://jsfiddle.net/jlbriggs/omtugbvo/

只是为了展示一个使用任意数量系列的示例：

• http://jsfiddle.net/jlbriggs/omtugbvo/3/

示例图片：