我正在尝试使用Google图表制作燃尽图。

我已经设置了所有需要的数据,并拆分为2个不同的数据集,一个用于准则,另一个用于剩余点。

我现在遇到问题,我无法同时显示两条线。它显示指导线或剩余点。
我加入了数据集,但仍然没有成功:

  var joinedData = google.visualization.data.join(guidelineData, remainingData, 'full', [[0, 0]], [1], [1]);

  var chart = new google.visualization.LineChart(document.getElementById('burndown-chart'));

  chart.draw(joinedData, options);


https://jsfiddle.net/Lvx5tdy6/6/

有谁知道我该如何解决?

谢谢你的帮助

最佳答案

问题是指南只有两个数据点,并且将其映射到现有数据集,只有第一个日期匹配。
这意味着您只能在图表上得到1分。

我看到您在数据之间有不规则的时间间隔,因此您不能使用线性函数将指南从1.0 * guidelineValStart向下映射到0.0 * guidelineValStart

您可以做的是使用实际数据并强制理想的行进行匹配:

var guidelineDateStart = guideline[0].date;
var guidelineValStart = guideline[0].guideline;

var milliS =  1000 * 60 * 60 * 24;
var numDays = (remaining[remaining.length - 1].date - remaining[0].date) / milliS; // work out the number of days that will be displayed

var remainingValues = remaining.map(function(item, idx) {
  return [
    new Date(item.date),
    item.remaining,
    (1.0 - (item.date - guidelineDateStart) / milliS / numDays) * guidelineValStart // adjust the ideal line to suit
  ];
});


工作示例:https://jsfiddle.net/ab3e31of/4/

08-17 01:03
查看更多