更改条形图的最后一栏颜色

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 

您可以根据需要设置条形码。

希望这会有所帮助。

- 帮助:)