角度4 + D3js V4

时间:2017-10-30 10:35:17

标签: angular d3.js

我使用d3js在Angular4中创建了一个图形。

当我将实际数据绘制到图表时,区域将填充黑色。但原始的情节线是绿色的。我想只显示绿线并删除黑色填充。

let Line = d3.line()
                  .x(function(d) {
                    return x(d['date']);
                  })
                  .y(function(d) {
                    return y(d['value'])
                  })

g.append("path")
  .attr("class", "line")
  .attr("d", Line(this.tempData))
  .style("stroke","green")
  .style("stroke-width","3px");

tempData = [{date: Mon Oct 30 2017 14:23:49 GMT+0530 (IST), value: 84.2}, 
{date: Mon Oct 30 2017 15:23:49 GMT+0530 (IST), value: 87.8}, 
{date: Mon Oct 30 2017 15:23:49 GMT+0530 (IST), value: 87.8}, 
{date: Mon Oct 30 2017 16:23:49 GMT+0530 (IST), value: 89.6}, 
{date: Mon Oct 30 2017 17:23:49 GMT+0530 (IST), value: 89.6}, 
{date: Mon Oct 30 2017 18:23:49 GMT+0530 (IST), value: 89.6}]

如何删除路径中的黑色填充。

enter image description here

0 个答案:

没有答案