Jquery綜合迷你曲線

我是新來的sparklines，需要幫助的東西。我從mysql獲取數據並使用class=sparks填充span標籤。產生的曲線，但是當我創建另一個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

儘量避免在類中進行選擇。最好繪製一個，然後在下一個設置標誌composite等於true。並確保所有圖紙都指向同一個div。

請注意，請記住設置changeRangeMin和chartRangeMax 具有相同的值。