[英]Pass object as offset in jQuery Sparkline
以下代碼從JSON字符串創建Sparklines餅圖:
//Display Visitor Screen Size Stats
$.getJSON('models/ucp/traffic/traffic_display_bos.php',
{
type: 'ss',
server: server,
api: api,
ip: ip,
},
function(data)
{
//alert(data.screens);
$('#traffic_bos_ss').sparkline(data.views,
{
type: "pie",
height: "100%",
tooltipFormat: "{{offset:offset}} - {{value}}",
tooltipValueLookups:
{
'offset': data.screens;
}
});
});
餅圖已成功創建,但是,我無法為偏移量分配正確的標簽。 調用的JSON字符串如下:
{"screens":"{ 0: '1220x1080', 1: '1620x1080', 2: '1920x1080' }", "views":[2, 2, 61]}
我想要這樣,以便將JSON的屏幕插入到偏移量(data.screens)中。 它應該變成:
tooltipValueLookups:
{
'offset': { 0: '1220x1080', 1: '1620x1080', 2: '1920x1080' }
}
如何做到這一點?
您的JSON字符串:
{"screens":"{ 0: '1220x1080', 1: '1620x1080', 2: '1920x1080' }", "views":[2, 2, 61]}
不正確,因為“屏幕”是單個字符串值(即,其值為“ {0:'1220x1080',1:'1620x1080',2:'1920x1080'}”)。 您要刪除引號,以便它是一個具有3個值對的對象,即。
{"screens": { "0": '1220x1080', "1": '1620x1080', "2": '1920x1080' }, "views":[2, 2, 61]}
請參閱以下我擺弄的代碼,以了解此工作的示例:
var values = {"screens": { 0: '1220x1080', 1: '1620x1080', 2: '1920x1080' }, "views":[2, 2, 61]};
$('#test').sparkline(values.views,
{
type: "pie",
height: "100%",
tooltipFormat: '{{offset:offset}} - {{value}}',
tooltipValueLookups:
{
'offset': values.screens
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.