2016-03-20 17 views
1

Highcharts'ta gösterge sembolü rengini değiştirmek mümkün müdür? Örneğin demo example iki seri içerir ve lejanttaki semboller mavi ve siyah renktedir (seri ile aynıdır).Gösterge sembolü highchart'ın rengini değiştirin

Bu belgede symbolColor param bulunamadı. İkisini de siyah söylemek için nasıl değiştiririm?

legend: { 
    layout: 'vertical', 
    floating: true, 
    align: 'left', 
    verticalAlign: 'top', 
    x: 90, 
    y: 45, 
    symbolPadding: 20, 
    symbolWidth: 50, 
    symbolColor: '#000000' ????? 
}, 

enter image description here

+0

Diziden farklı olan efsanenin renginin olması bana mantıklı gelmiyor. Efsane, her dizinin ne olduğunu tasvir etmek için kullanılır ve Highcharts'ta, dizileri göstermek/gizlemek için de kullanılabilir. Efsaneden neden seriye farklı renkte ihtiyacın olduğunu sorabilir miyim? –

cevap

3

her seride efsanesi color ekleyin.

series: [{color: '#000000',  //change here 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
     }, {color: '#000000',     //change here 
      data: [95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1] 
     }] 

JSFiddle

+0

bu keman benim için çalışmıyor ... – albert

+1

@albert Rengi değiştirip denedin mi? Http://jsfiddle.net/6nsr2p2j/3/ – Munawir

3

Highcharts 4.X kaynak, bir seri/noktası için bir legendColor parametre için görünüyor ancak (aynı bildiğim kadarıyla) bir kullanıcının seçeneği olmadan ayarlaması mümkün olmayacak .

Legend sınıfının colorizeItem işlevini sardığınızda, legendColor özniteliğini ayarlayabilir ve daha sonra kolayca kullanabilirsiniz. Örneğin, sarın:

(function (H) { 
    H.wrap(H.Legend.prototype, 'colorizeItem', function (proceed, item, visible) { 
     item.legendColor = item.options.legendColor; 
     proceed.apply(this, Array.prototype.slice.call(arguments, 1)); 
    }); 
}(Highcharts)); 

Ve kullanımını

grafiğiniz seçeneklerinde:

$('#container').highcharts({ 
    series: [{ 
     legendColor: 'black', 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }] 
}); 

görünüyor nasıl this JSFiddle demonstration bakınız.

+0

'u aşağıdaki yanıtla aynı şekilde kontrol edin ve benim için de çalışmam – albert

+1

@albert Kemanı güncelledim. Yüksek Şemalarda Çalışmalar 4.X. 5.X için bir şey bulursam görebiliyorum ama şu anda bu bir eski düzeltmedir. –

+1

Kod grafikte küçük bir değişiklik ile çalışmalıdır 5.X http://jsfiddle.net/fypopsnc/7/ –

İlgili konular