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获得了解决方案。在一系列highcharts中，我们可以添加两个以上的动态值。如果系列数据数组中只有一个数据，则将其假定为yaxis值，如果系列数据数组中的两个数据，则将其假定为xaxis值和yaxis值。但是在seres的数据数组中有两个以上的数据，我们可以自定义我们想要添加的值。而且我们可以动态地在工具提示中使用这些值。

    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时对某人有所帮助。

如何在highcharts Tooltip中绑定动态数据

1 个答案: