0

私のプロジェクトでは、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
4

1 に答える 1

0

申し訳ありませんが、Protovis がグラデーション塗りつぶしをサポートしていないことは確かです。D3.jsを試すこともできます。これは、そのままではグラデーションをサポートしていませんが、SVG 要素への下位レベルのアクセスを提供し、これを使用してsvg:linearGradientfillを定義できます。

于 2011-10-03T21:45:03.913 に答える