Highchartsの最後の列を強調表示

Question

私は棒グラフに動的な列を持っています。 私が望むのは、最後の列を除いて、すべての列が灰色でなければならないということです。最後の列は緑色でなければなりません。

誰もが私を助けることができますか？

Answer 1

zonesを使用できます。

デモ：http://jsfiddle.net/udL2ads2/6/

$(function() { 
 
    var histSuccess = [100, 99, 100, 98, 98, 99.9, 97.5, 100, 95, 90]; 
 

 
    Highcharts.chart('container', { 
 
    chart: { 
 
     type: 'column' 
 
    }, 
 
    title: { 
 
     text: 'Column chart with last column different color' 
 
    }, 
 
    yAxis: { 
 
     min: 0, 
 
     title: { 
 
     text: 'Total' 
 
     } 
 
    }, 
 
    series: [{ 
 
     name: 'Test', 
 
     color: 'grey', 
 
     data: histSuccess, 
 
     
 
     zoneAxis: 'x', 
 
     zones: [{ 
 
     \t value: histSuccess.length - 1.5, 
 
     color: 'grey' 
 
     },{ 
 
     \t color: '#66ff33' 
 
     }] 
 
    }] 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="https://code.highcharts.com/highcharts.js"></script> 
 
<script src="https://code.highcharts.com/modules/exporting.js"></script> 
 

 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

Answer 2

あなたは、このように最後の列に色を与えることができます

series: [{ 
     name: 'Test', 
     color:'grey', 
     data: [50, 30, 40, 70, {y: 34, color: '#66ff33'}] 
    }] 

Fiddle link

ので、データ配列は、配列の最後の値のため、動的である場合は、の{y: 34, color: '#66ff33'}として最後の要素を確認する必要がありますアレイ。