如何在Highcharts中绑定动态数据工具提示

Question

现在我正在使用Highcharts。 谁能回答如何在highcharts的工具提示中绑定动态数据。 我已经将数据库中要显示在图表中的数据绑定到系列数据数组。

    js.Append("series: [{name: 'Average Price',type: 'line',color: 'blue',");
    js.Append("data:[");
    for (int i = 0; i < dt.Rows.Count; i++)
   {
    js.Append("[" + Decimal.Parse(dt.Rows[i]["Test"].ToString().Trim()) + ],");
   }
    js.Append("]]}); ");

还可以。

但我也想在工具提示中将数据库中的其他数据显示为动态。 我不知道如何将数据传递到工具提示。

提前致谢。

Answer 1

现在，我使用http://api.highcharts.com/highstock#series获得了解决方案。 在一系列图表中，我们可以添加两个以上的动态值。 如果系列数据数组中只有一个数据，则将被视为yaxis值；如果系列数据数组中只有两个数据，则将其视为xaxis值和yaxis值。 但是，在序列数据数组中有两个以上的数据，我们可以自定义要添加的值。 然后我们可以动态地在工具提示中使用该值。

    js.Append("tooltip: {crosshairs: true,shared: true,formatter: function() {");
            js.Append("var s = '';$.each(this.points, function(i, point) {");
            js.Append("s += '<b>#' + this.point.name +': PSF -'+ this.point.y +' :'+ this.point.test+ '</b>';");
            js.Append("});return s;}")

 js.Append("series: [{name: 'Average Price',type: 'line',color: 'blue',");
    js.Append("data:[");
    for (int i = 0; i < dt.Rows.Count; i++)
   {
js.Append("{ name:'" + dt.Rows[i]["name"].ToString().Trim()+ "',test:'" + dt.Rows[i]["test"].ToString().Trim()+ "',y:" + dt.Rows[i]["value"].ToString().Trim()+ ",color:'#DC3811'},");

   }
    js.Append("]]}); ");

我希望这对使用Highcharts的人有所帮助。