1

曲線プラグインで積み上げフロート チャートを使用した人はいますか? 曲線プラグインは合計スタック値に追加する追加のデータ シリーズを追加し、基本的に各シリーズを複製し、縞模様の外観を作成し、Y 軸のスケールを 2 倍にするため、互換性がないように見えます。誰かが解決策または回避策を持っていますか?

ここにjsfiddleがあります。上の例は、曲線のないスタックを示しています。下の例は問題を示しています。

<div class="demo-container">
    <div id="placeholder" style="height: 200px; width: 400px;" class="demo-placeholder"></div>
    <div id="placeholder2" style="height: 200px; width: 400px;" class="demo-placeholder"></div>
</div>

$(function() {

    var d1 = [];
    for (var i = 0; i <= 10; i += 1) {
        d1.push([i, parseInt(Math.random() * 30)]);}

    var d2 = [];
    for (var i = 0; i <= 10; i += 1) {
        d2.push([i, parseInt(Math.random() * 30)]);}

    var d3 = [];
    for (var i = 0; i <= 10; i += 1) {
        d3.push([i, parseInt(Math.random() * 30)]);}

    $.plot("#placeholder", [ d1, d2, d3 ], {
        series: { stack: true,
                 lines: {show: true, fill: true, }, }
    });

    $.plot("#placeholder2", [ d1, d2, d3 ], {
        series: { stack: true,
                 lines: {show: true, fill: true, }, 
                curvedLines: {  active: true, fit: true, apply: true },}
    });
});
4

2 に答える 2

1

CurveLines プラグインの作成者が、私が見ていた問題を修正しました。上記にリンクされている元の jsfiddle にアクセスすると、期待どおりに機能していることがわかります。(GitHubのcurveLines.jsはjsfiddle内の外部参照なので、更新すると修正が自動的にfiddleに統合されました。)

于 2014-05-31T20:27:57.083 に答える