在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。