Extjs Kesikli çizgi ile Seri Çizme

Question

Bir çizgi grafik oluşturmak için Extjs 4 kullanıyorum. Şimdi kesikli bir çizgi ile bir grafik serisi oluşturmak istiyorum. Ben 'kesik' olarak 'border-style' ayarı çalıştı

series: [{ 
type: 'line', 
axis: 'left', 
xField: 'name', 
yField: 'data1', 
style: { 
    fill: '#18428E', 
    stroke: '#18428E', 
    'stroke-width': 3 
}, 
markerConfig: { 
    type: 'circle', 
    size: 4, 
    radius: 4, 
    'stroke-width': 0, 
    fill: '#18428E', 
    stroke: '#18428E' 
} 
}, ...  

ama bu ne işleri: Şu anda benim kod aşağıdaki şekilde görünüyor. Bu, ExtJs Grafiklendirmesinde kullanılabilir mi?

Answer 1

Kesik çizgiler çalışırken tek bir özelliği kaçırdınız. stroke-dasharray özelliğini de eklemeniz gerekiyor. (Benim durumumda 10)

style: {    
    fill: '#18428E', 
    stroke: '#18428E', 
    'stroke-width': 3, 
    'stroke-dasharray': 10 // You need to add this! 
}, 
markerConfig: { 
    type: 'circle', 
    size: 4, 
    radius: 4, 
    'stroke-width': 0, 
    fill: '#18428E', 
    stroke: '#18428E' 
}, 

Sen değerle oynamak zorunda kalacak

istediğiniz çizgi uzunluğunu almak için: İşte güncellenen koddur. Bunun IE ile çalışmayacağını unutmayın (grafiğin oluşturulması için VML kullanıldığından beri). Diğer tarayıcılar düzgün şekilde oluşturmalıdır.

Answer 2

sencha-chart'ları kullanırken (ext-chart paketi değil), ExtJS 5.x veya 6.x'te stroke-dasharray çalışmayacaktır. Çok çaba sarf ettikten sonra,mülkünü Ext.draw.sprite.Sprite bir cazibeye benzeterek keşfettiniz. Bu sencha-grafiklerle herkesin sahip problemi için faydalı olacaktır

style: {    
    fill: '#18428E', 
    stroke: '#18428E', 
    'stroke-width': 3, 
    lineDash: [10,10] // Draws dashed lines 
} 

Hope: Eğer sencha-grafik paketi kullanıyorsanız Yani, stil yapılandırma gibi görünmelidir.