带有对象数组的jquery sparkline

时间:2015-04-24 08:12:16

标签: javascript jquery sparklines

我正在尝试使用jquery sparkline。 这就是我想要做的事情。

var values = [{value:123}, {value:234}, {value:345}];

// Draw a sparkline for the #sparkline element
$('#sparkline').sparkline(values.value, {
type: "pie",
// Map the offset in the list of values to a name to use in the tooltip
tooltipFormat: '{{offset:offset}} ({{percent.1}}%)',
tooltipValueLookups: {
    'offset': {
        0: 'First',
        1: 'Second',
        2: 'Third'
    }
   },
});

但是对于这种数据格式,迷你图无法绘制。 我在代码中需要做些什么改变

1 个答案:

答案 0 :(得分:1)

您只需在创建迷你图之前从数组中提取值。

您可以使用.map功能:

$('#sparkline').sparkline(values.map(function(o) { return o.value}), {
   ...
});

jsFiddle