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

【问题标题】：Fill gradient color in area under line chart in Protovis 3.2在 Protovis 3.2 中的折线图下的区域中填充渐变颜色
【发布时间】：2011-11-26 19:48:48
【问题描述】：

在我的项目中，我使用 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

【问题讨论】：

标签： gradient protovis linechart

【解决方案1】：

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

【讨论】：