ZingChart - Değer Kutusunun Alter Özellikleri

Question

Basit bir Pasta Grafiği oluşturmak için ZingChart kullanıyorum. Grafiği şekillendirmek için ColdFusion etiketleri ve bir json dosyası kullanıyorum. Aşağıdaki örnekte, "hedef" serilerim (vurgulamak istediğim) 2'dir ve bu dilimi kaydırıp, etrafına bir kenarlık koyarak manipüle ediyorum (örneğe bakınız). Buradaki problem, pasta diliminin çok küçük olması, sınırın ayırt edilemez olmasıdır.

Amacım hedef dilim/dizimle ilişkilendirilmiş tek değerli kutuyu vurgulamaktır. “Kurallar” ı araştırıp deniyorum. Aşağıdaki örnek% v = 17.1 için sabit kodlanmıştır (bu, seri 2 için olan değerdir). Bu örnekte yer alan valuebox bunun altında bir kenarlığa sahiptir, ki bu harikadır. Ancak, değer belirtecini (% v) kullanamıyorum çünkü aynı değere sahip birden fazla seri olabilir. Kullanılabilir birçok göstergeyi denedim ve belirlediğim "hedef" serileri temsil eden birini bulmam mümkün görünmüyor. Ben arsa metni (% t) dayanarak vurgulamak için basit olabileceğini düşündüm ama denedim ve bu da çalışmıyor.

“Özel belirteç” özelliğiyle uğraşmayı denedim, ancak şu anda işe yaramadı.

Muhtemelen bir kural kullanarak (umuma açık bir belirteç kullanarak) seri 2 için valuebox'u nasıl “vurguladım”?

{ 
    "graphset":[ 
     { 
     "type":"pie", 
     "scale":{ "size-factor":"69%"}, 
     "plot":{ 
      "valueBox":{ 
       "rules":[ 
        { 
        "rule":"%v==17.1", 
        "fontSize":18, 
        "fontColor":"black", 
        "font-family":"Arial", 
        "border-bottom":"2px solid black" 
        } 
       ], 
       "placement":"out", 
       "text":"%t:%v", 
       "fontSize":16, 
       "fontColor":"black", 
       "font-family":"Arial" 
      } 
     }, 
     "series":[ 
      { 
       "values":[ 1 ] 
      }, 
      { 
       "values":[ 2 ], 
       "offset-r":"5%", 
       "border-color":"black", 
       "border-width":"3" 
      }, 
      { 
       "values":[ 3 ] 
      }, 
      { 
       "values":[ 4 ] 
      } 
     ] 
     } 
    ] 
} 

Teşekkür

% p veya% arsa-indeks belirteci (bunlar aynıdır) aradığınız gibi geliyor

Answer 1

. Bu, dizininizin dizinine göre valueBox'ı değiştirmenize izin verecektir. Burada bir demo dahil ettik

: http://demos.zingchart.com/view/NRSRN7VT

 
{ 
    type: "pie", 
    plot:{ 
     valueBox:{ 
     text: "%t: %v", 
     placement: "out", 
     rules:[ 
      { 
      rule: "%p == 1", 
      color: "black", 
      fontStyle: "italic", 
      borderColor: "red", 
      borderWidth: 2, 
      shadow: 0, 
      padding: 10 
      } 
     ] 
     } 
    }, 
    series : [ 
     { 
      values : [35] 
     }, 
     { 
      values : [20] 
     }, 
     { 
      values : [15] 
     } 
    ] 
} 

Ben ZingChart takımda değilim. Umarım bu problemi çözer.