3

我是迷你图的新手，需要一些帮助。我从 mysql 获取数据并span使用class=sparks. 该图已生成，但是当我创建另一个span具有相同类但不同数据（复合线）的标签时，我收到以下消息：

尝试将复合迷你图附加到没有现有迷你图的元素。

我的 JavaScript：

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

3 回答 3

1

第二条迷你图需要应用于相同的跨度标签才能作为复合物工作。

然后迷你图将绘制到它在初始跨度内创建的现有画布元素上。

于 2013-02-12T14:20:56.470 回答
1

尽量避免对班级进行选择。最好画一个，然后在下一个上将标志设置composite为true。并确保所有图纸都指向同一个 div。

按照此说明，请记住设置changeRangeMin并chartRangeMax 具有相同的值。

注意：如果您希望每个图表上的相同值占据同一点，您通常需要使用 chartRangeMin 和 chartRangeMax 锁定两个图表上的轴。

一个工作示例：https ://jsfiddle.net/sLphjqoc/2/

于 2017-06-01T22:24:00.850 回答
0

我最近不得不创建一个复合线并使用以下代码：

下面Data的值为= [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-25T07:48:09.110 回答