Изменить последний штрих-код гистограммы

Question

Я использую chart.js для создания диаграммы. Пока все в порядке. Моя цель - дать последнему бару гистограммы другого цвета. Я проверил документацию chart.js, но я не нашел возможности менять динамический цвет.

Вот мой текущий код:

var barChartData = { labels : livelabels, 
        datasets : [ { fillColor : "#E76E42", 
            strokeColor : "#C7754C", 
            data : livedata, } ] }; 
function showBarChart() { 
    var ctx = document.getElementById("barChartCanvas").getContext("2d"); 
    var myBarChart = new Chart(ctx).Bar(barChartData,options); 
} 

$('#barChart').appear(function(){ 
    $(this).css({ opacity: 1 }); 
    setTimeout(showBarChart,300); 
    },{accX: 20, accY: -10},'easeInCubic'); 

Answer 1

После код может быть использован для окраски стержней.

BarChart.datasets[0].bars[0].fillColor = "#c53938"; //bar 1 
BarChart.datasets[0].bars[0].strokeColor = "#c53938"; //bar 1 
BarChart.datasets[0].bars[0].highlightFill = "#c53938"; //bar 1 
BarChart.datasets[0].bars[0].highlightStroke = "#c53938"; //bar 1 

У вас может быть номер бара, как вы хотите.

Надеюсь, это поможет.

-Help :)