Şebeke şemalarında renk değişimi nasıl değiştirilir

Question

Alternatif ızgara ve normal ızgara renklerini değiştirmek istiyorum, bunu nasıl başarabilirim?

benim çalışma jsfiddle altındadır

function aoassortmentschart() { 
    $(function() { 
    $('#ao-assortments-container').highcharts({ 

    chart: { 
    type: 'column', 
    inverted: true, 
    verticalAlign: "center" 
    }, 
    credits: { 
    enabled: false 
    }, 
    title: null, 


    xAxis: { 
    alternateGridColor: '#F7F7F7', 
    offset: 120, 
    categories: ["5 CLUSTERS", "4 CLUSTERS", "3 CLUSTERS", "2 CLUSTERS", "1 CLUSTER"], 
    tickWidth: 0, 

    lineWidth: 0, 
    min: 0, 
    max: 4, 
    labels: { 
     enabled: true, 
     useHTML: true, 
     x: 100, 
     formatter: function() { 
     return '<div><input type="radio" class="ao-assortment-radio" style="margin-right: 10px" size="10" name="assortmentClusterValue"/><span class="ao-assortment-clustertitle">' + this.value + '</span></div>' 
     } 
    } 
    }, 
    yAxis: { 
    min: 0, 
    max: 250, 
    tickInterval: 50, 
    title: null, 
    gridLineColor: '#ede9e9' 
    }, 
    legend: { 
    enabled: true, 
    layout: 'horizontal', 
    align: 'bottom', 
    width: 75, 
    x: 30, 
    y: 0, 
    borderWidth: 0, 
    symbolHeight: "0", 
    borderWidth: "0", 
    useHTML: true, 

    labelFormatter: function() { 

     return '<div class="ao-assortment-title"><span class="ao-assortment-legend-shape">&nbsp;</span> Sales </div>' 
    } 
    }, 
    plotOptions: { 
    series: { 

     pointWidth: 31, 
     allowPointSelect: false, 
     marginLeft: 50, 
     dataLabels: { 
     align: 'center', 
     enabled: true, 
     useHTML: true, 
     x: -30, 
     formatter: function() { 
      return "$ " + this.y 
     }, 
     style: { 
      fontWeight: "normal", 
      textAlign: "center", 
      color: "#fff" 
     } 
     } 
    } 

    }, 
    series: [{ 
    name: "Clusters", 
    data: [200, 120, 240, 170, 100], 
    color: "#60B3D1" 
    }] 
}); 

});}

Çalışma jsfiddle Hatta ızgara için açık gri bir renge sahip here

olmakla ı renk için başvuruda bunu istiyorum tek satırlar,

yardımına değer! şimdiden teşekkürler :)

Answer 1

Açık gri rengi plotBackgroundColor olarak uygulayıp alternatifGridColor'u beyaz olarak ayarlayabilirsiniz.

chart: { 
     plotBackgroundColor: '#F7F7F7', 
     ... 
}, 
xAxis: { 
     alternateGridColor: '#fff', 
     ... 
} 

Örnek: çok

• https://jsfiddle.net/oojtn82s/