Question

我有如下的折线图：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="items"><tr class="item-row"><td><div class="inp"><input type="file" class="fileUpload"/><img id="myImg" src="#" alt="your image" /></div></td><td class="item-name"><div class="delete-wpr"><textarea></textarea><a class="delete" href="javascript:;" title="Remove row">X</a></div></td><td class="description"><textarea></textarea></td><td><textarea class="cost">$</textarea></td><td><textarea class="qty"></textarea></td><td><span class="price">$0</span></td></tr><tr class="item-row"><td><div class="inp"><input type="file" class="fileUpload"/><img id="myImg" src="#" alt="your image" /></div></td><td class="item-name"><div class="delete-wpr"><textarea></textarea><a class="delete" href="javascript:;" title="Remove row">X</a></div></td><td class="description"><textarea></textarea></td><td><textarea class="cost">$</textarea></td><td><textarea class="qty"></textarea></td><td><span class="price">$0</span></td></tr><tr class="item-row"><td><div class="inp"><input type="file" class="fileUpload"/><img id="myImg" src="#" alt="your image" /></div></td><td class="item-name"><div class="delete-wpr"><textarea></textarea><a class="delete" href="javascript:;" title="Remove row">X</a></div></td><td class="description"><textarea></textarea></td><td><textarea class="cost">$</textarea></td><td><textarea class="qty"></textarea></td><td><span class="price">$0</span></td></tr></table>

没关系。

但我想为每个图形添加一个外部光线，以便它们不会重叠。

这是一种方式：

var lines = svg.selectAll(".lines")
      .data(data_array)
      .enter()
        .append('g')
        .attr('class','lines');

    lines
      .append("path")
      .attr("d", function(d) { return line(d.values); })
      //.style('stroke', function(d) { var length = d.values.length - 1; return color(d.values[length].poll); })
      .style('fill','none')
      .style('stroke','#dc545e')
      .style("stroke-width", 3);

但这并没有添加我想要的颜色。

我希望它是白色的。但我弄清楚颜色矩阵是没有运气的。

有什么想法吗？

Answer 1

如果你想要它是白色的，那么你的颜色矩阵应该是：

＆＃34; 0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0＆＃34;

如何在一条线上添加一个外部光

1 个答案: