要显示高图表中两个条形图之间的差异？

Question

我想在高图表插件中的两个条形图之间的新行中显示差异值，我在高图表中创建了简单的条形图，但我需要在新行中显示两个条形图之间的差异。 我在下面的图片中解释这个，请参考下面的图片。

请帮我解决这个问题， 图2，  我想以下面的格式/设计显示信息，是否可以在高图表中？ Image 2

Answer 1

我从表中提取数据以计算差异。但是，由于该示例存在一些负面差异，例如-1，它将取决于您希望将此信息放在哪个图表上，因为它需要具有负y轴。

以下jQuery代码将确定所有值，找到第一个和第二个之间的差异，然后将其添加到名为diffChart的数组中。

var graphs = $('#datatable tbody tr');

var diffChart = [];

for (var i = 0, len = graphs.length; i < len; i++) {
    var target = $('#datatable tbody tr').eq(i);
    var bar1 = target.find('td').eq(0).text();
  var bar2 = target.find('td').eq(1).text();

  var diff = Number(bar1) - Number(bar2);

  diffChart.push(diff);

}

您可以在此jsfiddle

中查看控制台日志输出的示例

抱歉，我无法帮助过去。