Jquery複合スパークライン

私はスパークラインを初めて使用しており、何かに助けが必要です。 mysqlからデータを取得し、spanタグをclass=sparksに設定します。グラフが生成されたが、私は別のspan同じクラスでタグが、異なるデータ（複合線）を作成するときに、私は、次のメッセージが取得される。Jquery複合スパークライン

を既存のスパークラインを持つ要素に複合スパークラインを添付しようとしました。

私JavaScriptは：

$(".sparks").sparkline('html', { 
    composite:'true', 
    type:'line', 
    width:'900px', 
    height:'400px', 
    disableHiddenCheck:'true' 
});

出典

2012-05-13 user1391915

二スパークラインは、複合体として動作するために同じ spanタグに適用する必要があります。

スパークラインは、最初のスパン内に作成された既存のキャンバス要素に描画されます。

出典

2013-02-12 14:20:56 mibbler

あなたは私たちの例を与えることができますか？ –

@ oki-erie-rinaldiここに例があるjsfiddleがあります：https://jsfiddle.net/mattkibbler/c7kLhLko/3 ご覧のとおり、「sparklines」が適用されている最初の要素への参照を保存しますその複合チャートを同じ要素に適用します。 – mibbler

@mibblerあなたの例は動作していません – MSTdev

私は最近compositelineを作成し、次のコードを使用していた：

以下のデータの値が= [10,10,10,10,4,3,2,2,5,6,7です、4,1,5,7,9,9,1,1,1]

HTML &はJavaScript：

$('#btn_refresh_memory').click(function(){ 
    $.ajax({ 
     type: 'GET', 
     url: 'http://localhost:8080/getSampleData', 
     dataType: 'json', 
     aysync: true, 
     success: function(data) { 
      $('#sparkline_view').sparkline(data, 
        {type: 'line', composite: true, fillColor: false, 
        lineColor: 'green', 
        changeRangeMin: 0, chartRangeMax: 10, 
        lineWidth:3, lineColor: '#008080', 
        disableHiddenCheck:'true', 
        height: '75px', width: '350px', tooltipSuffix: 'Cycles'}); 
     } 
    }); 
});

出典

2014-02-25 07:48:09 AvkashChauhan

クラスの選択を避けるようにしてください。 1つを描画し、次に次のフラグにcompositeをと同じに設定します。。すべての図面が同じdivを指していることを確認してください。

この注記に続いて、同じ値を持つchangeRangeMinとchartRangeMaxを設定することを忘れないでください。