在Protovis 3.2的折线图下的区域中填充渐变颜色

Question

在我的项目中，我使用Protovis 3.2渲染折线图。 我想在折线图下方的区域填充渐变色。 尽管我已经尝试了Protovis中可用的颜色功能，但是它们没有用。 有没有解决此问题的简单方法？

下面是我的代码来添加区域到折线图中

addArea: ->
  self = this
  @vis.add(pv.Area)
    .data(self.data[0].values)
    .bottom(1)
    .left((d) -> self.xAxisUnits(d.index))
    .height((d) -> self.yAxisUnits(d.value))
    .fillStyle(pv.ramp('black', 'red'))
    .anchor("top")
    .add(pv.Line)
    .lineWidth(2)
    .strokeStyle("#78B9E2")
  this

Answer 1

抱歉，但是我很确定Protovis不支持渐变填充。 您可以尝试D3.js ，它不支持现成的渐变，但是提供了对SVG元素的低级访问，您可以使用它来定义svg:linearGradient fill 。