SideAll and Labels
Posted: Thu May 12, 2016 3:14 pm
Hello,
please check the following code:
Compared to the VCL version of the TeeChart:
- the width of the bars should be the same,
- only the first label is visible.
Check it, please.
Thanks in advance,
MS
please check the following code:
Code: Select all
<!DOCTYPE html>
<head>
<title>SideAll</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() {
Chart1=new Tee.Chart("Canvas1");
var Series1=Chart1.addSeries(new Tee.Bar());
Series1.format.fill="#90F090";
Series1.data.values=[288];
Series1.data.x=[0];
Series1.data.labels=["Label1"];
Series1.stacked="sideAll";
var Series2=Chart1.addSeries(new Tee.Bar());
Series2.format.fill="#F09090";
Series2.data.values=[144];
Series2.data.x=[1];
Series2.data.labels=["Label2"];
Series2.stacked="sideAll";
var Series3=Chart1.addSeries(new Tee.Bar());
Series3.format.fill="#9090F0";
Series3.data.values=[72];
Series3.data.x=[2];
Series3.data.labels=["Label3"];
Series3.stacked="sideAll";
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>
- the width of the bars should be the same,
- only the first label is visible.
Check it, please.
Thanks in advance,
MS