2016-05-02 157 views
1

線図に、次の図と同様に別の次元を追加したいと考えています。this Highcharts example。私は、Chart.jsの無数の拡張オプションがあれば、そのような機能を実装できる場所を理解するのが難しいです。Chart.js線図

Line chart with area

理想的には、私はある時点での線の幅を指定dataと同様フィールドにデータセットを提供することができるだろう。

答えて

5

あなたはこの


プレビュー

enter image description here


にスクリプト

0を行うには折れ線グラフの種類から新しいグラフの種類を作成することができます

、その後

... 
data: ..., 
width: [12, 4, 5, 13, 12, 2, 19], 
... 

フィドル - http://jsfiddle.net/u20cfpcd/

+0

これは非常に便利です。ありがとう。 bgの領域をアニメーション化するのは比較的簡単でしょうか?アニメーションの後にスムーズにフェードインします。それはCSSの移行で行うことができますか? – CJWEB

+0

ChartJSを上記のスクリプトブレークの2.5以上の部分にアップグレードすると、 Chart.elements.Line.prototype.lineToNextPoint.apply()。あなたがそれらを更新するのを助けてくれるどんな機会ですか? – CJWEB

関連する問題