gradient - 在 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填充。