using the following HTML5 code the "ColorEach" does not work as expected:
Code: Select all
<!DOCTYPE html>
<head>
<title>ColorEach</title>
<script type="text/javascript" src="https://www.steema.com/files/public/teechart/html5/latest/src/teechart.js"></script>
<script type="text/javascript">
function draw() {
var Chart1=new Tee.Chart("Canvas1");
Chart1.title.text="ColorEach";
var Series1=Chart1.addSeries(new Tee.Bar());
Series1.title="Products";
Series1.colorEach="yes";
Series1.data.values=[192,120,48,24];
Series1.data.x=[1,2,3,4];
Series1.palette.colors=["#F56000","#06BA00","#FFFF00","#00A9D1"];
Series1.data.labels=["Product A","Product B","Product C","Product D"];
Series1.marks.visible=false;
Series1.format.gradient.visible=false;
Chart1.draw();
}
</script>
</HEAD>
<BODY onload="draw()">
<canvas id="Canvas1" width="800" height="600">
This browser does not seem to support HTML5 Canvas.
</canvas>
</BODY>
</HTML>
- it is important to disable the gradient property of the series,
- moving the mouse pointer over the bars, the highligting works with the correct colors,
- using the v2014.04.28.1.6 teechart.js script it works fine.
Would you be so kind as to check the latest version?
Thanks in advance,
MS
