also try this to see how bad the colors clash with foreground/background without having a separate background just for text, so the text always stands out, no matter the background of the bar:
var chart = new CanvasJS.Chart(“chartContainer”,
{
axisY:{
suffix: ” hours”,
viewportMinimum: 0,
viewportMaximum: 10
},
data: [
{
type: “column”,
indexLabel:”{y}”,
yValueFormatString: “#.## hours”,
dataPoints: [
{ x: 10, y: 7.32 },
{ x: 20, y: 10 },
{ x: 30, y: 0.01 },
{ x: 40, y: 6 },
{ x: 50, y: 9 },
{ x: 60, y: 6 },
{ x: 70, y: 2 },
{ x: 80, y: 10 },
{ x: 90, y: 10 }
]
}
]
});